WPF CommunityToolkit.Mvvm学习-一ObservableProperty 属性

​

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

Mvvm：

uget安装

如下图操作

工程文件有以下内容

引用：

using CommunityToolkit.Mvvm.ComponentModel;

ObservableProperty 属性

使用方法

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

例如在MainViewMode.cs写以下代码

// 必须加上partial修饰，不然报错
public partial class MainViewMode:ObservableObject
{
    // CommunityToolKit.Mvvm属性写法
    [ObservableProperty]
    private string? titleText;
 
    // 使用[ObservableProperty]自动生成以下屏蔽代码
    //public string? TitleText
    //{
    //    get => titleText;
    //    set => SetProperty(ref titleText, value); // 自动通知UI更新
    //}
 
    // 一般的属性写法
    private string? name;
 
    public string? Name
    {
        get => name;
        set => SetProperty(ref name, value); // 自动通知UI更新
    }
}

在MainWindow.xaml.cs中实例化

 

 MainWindow.xaml中

    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <StackPanel>
            <TextBlock Text="{Binding Name}" Margin="5" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="40" />
            <TextBlock Text="{Binding TitleText}" Margin="5" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="40" />
            <Button Content="按键" Margin="5"/>
        </StackPanel>
    </Grid>

最终生成点击运行

由以上内容初步介绍了CommunityToolKit.Mvvm

​