前言
作为一个使用Vue非常熟练的C#全干工程师。当我在接触WPF的时候,我就一直想用Vue的想法去重写WPF框架。经过一个星期的琢磨,终于琢磨出来了如何优雅的入参。期间看了上百篇博客,浏览了一堆的视频教程。
代码
用户控件的cs
TestController.xaml
public partial class TestControl : UserControl
{
/// <summary>
/// 声明数据源
/// </summary>
public TestControllerViewModel testControl = new TestControllerViewModel();
/// <summary>
/// 用于静态编译通过,根据我两天的试验,这个值是不会触发get和set指令的,就是个花瓶。
/// </summary>
public string TestTitle { get; set; }
/// <summary>
/// 用于声明依赖属性,不让只让直接传值,不让Bind传值
/// </summary>
public static readonly DependencyProperty TestTitleProperty =
DependencyProperty.Register("TestTitle", typeof(string), typeof(TestControl), new PropertyMetadata("TestTitle",new PropertyChangedCallback((item,res) =>
{
//使用回调函数去重新设置数据源
var model = (TestControl)item;
model.testControl.TestTitle = res.NewValue as string;
})));
public TestControl()
{
InitializeComponent();
//必须要这么写,不然Bind赋值传不进去
( this.Content as FrameworkElement ).DataContext = testControl;
}
}
TestController.xaml.cs
用户控件的xaml
<Grid Background="White">
<StackPanel>
<TextBlock Text="{Binding TestTitle}" FontSize="50"/>
<!--<Button Content="按钮" FontSize="50" />-->
</StackPanel>
</Grid>
TestControllerViewModel,数据源
public class TestControllerViewModel
{
public string TestTitle { get; set; }
public TestControllerViewModel()
{
TestTitle = "我是初始值";
}
}
主窗口
<Grid>
<StackPanel>
<!--这里面传的是"我是Bind赋值"-->
<Views:TestControl TestTitle="{Binding TestTitle}" />
<Views:TestControl TestTitle="我是直接赋值" />
<Views:TestControl />
</StackPanel>
</Grid>
实现效果
代码逻辑
总结
期间遇到许多困难,WPF国内相关资料极少,英语也不知道怎么提问,GPT也没有给我想要的答案,难得我都要放弃了。因为我一直想像Vue那样优雅的入参,按照Vue的一切都是组件的想法去开发,因为这样极大的减少了开发的难度,降低了耦合,提高了组件的复用。文章来源:https://www.toymoban.com/news/detail-607812.html
幸好我成功了,所有的努力没有白费。只要我能Bind入参,我就能按照Vue的逻辑重构WPF页面的开发。我相信我有这个能力。文章来源地址https://www.toymoban.com/news/detail-607812.html
到了这里,关于按照Vue写WPF(1):属性绑定的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!