当前位置：首页 > news >正文

WPF CommunityToolkit.Mvvm学习-一ObservableProperty 属性

news 2026/3/26 19:17:37

官方文档：MVVM 工具包简介 - Community Toolkits for .NET | Microsoft Learn

Mvvm：

uget安装

如下图操作

工程文件有以下内容

引用：

1 using CommunityToolkit.Mvvm.ComponentModel;

ObservableProperty 属性

使用方法

private字段上有 [ObservableProperty]标记，CommunityToolkit.Mvvm会自动给它生成一个对应的public属性，并在属性值改变时自动触发属性变更通知。

例如在MainViewMode.cs写以下代码

 1 // 必须加上partial修饰，不然报错
 2 public partial class MainViewMode:ObservableObject
 3 {
 4     // CommunityToolKit.Mvvm属性写法
 5     [ObservableProperty]
 6     private string? titleText;
 7  
 8     // 使用[ObservableProperty]自动生成以下屏蔽代码
 9     //public string? TitleText
10     //{
11     //    get => titleText;
12     //    set => SetProperty(ref titleText, value); // 自动通知UI更新
13     //}
14  
15     // 一般的属性写法
16     private string? name;
17  
18     public string? Name
19     {
20         get => name;
21         set => SetProperty(ref name, value); // 自动通知UI更新
22     }
23 }

在MainWindow.xaml.cs中实例化

MainWindow.xaml中

 1     <Grid>
 2         <Grid.ColumnDefinitions>
 3             <ColumnDefinition Width="*"/>
 4         </Grid.ColumnDefinitions>
 5         <StackPanel>
 6             <TextBlock Text="{Binding Name}" Margin="5" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="40" />
 7             <TextBlock Text="{Binding TitleText}" Margin="5" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="40" />
 8             <Button Content="按键" Margin="5"/>
 9         </StackPanel>
10     </Grid>