CommunityToolkit.Mvvm —— 创建可观察对象_maui communitytoolkit.mvvm-CSDN博客

本文链接：https://blog.csdn.net/qq_36924683/article/details/131056846

文章介绍了在MaUI应用中如何使用ObservableObject和ObservableProperty特性来创建可观察的ViewModel，以及如何将ViewModel与ContentPage的内容进行数据绑定，特别是通过示例展示了如何定义和使用ObservableProperty来自动生成getter和setter方法，以更新界面上的WebView链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ObservableObject
ObservableProperty

定义可观察对象

public partial class IntroductionViewModel : ObservableObject
{
    /// <summary>
    /// URL
    /// </summary>
    [ObservableProperty]
    private string _introductionWebViewUrl = "https://www.baidu.com";
}

私有属性【_introductionWebViewUrl】标记为【ObservableProperty】，会自动生成如下代码：

public string? IntroductionWebViewUrl
{
    get => _introductionWebViewUrl;
    set => SetProperty(ref _introductionWebViewUrl, value);
}

使用可观察对象

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:viewModels="clr-namespace:SoradasRainRadar.ViewModels"
             x:Class="SoradasRainRadar.Views.IntroductionPage"
             NavigationPage.HasNavigationBar="False"
             Title="IntroductionPage">
    <ContentPage.BindingContext>
        <viewModels:IntroductionViewModel/>
    </ContentPage.BindingContext>
    <!--ウェブビュー-->
</ContentPage>

((IntroductionViewModel)BindingContext).IntroductionWebViewUrl

上面ViewModel和ContentPage进行了绑定。