.NET MAUI中ViewModel标签文本绑定失效问题求助

核心问题 #

数据绑定引擎只能识别公共属性（Property），而你ViewModel中的s和Monkeys都是字段（Field），这就是绑定失效的根本原因。{Binding .}能显示ViewModel类型名，是因为它绑定的是整个ViewModel对象本身，而非字段。

解决方案步骤 #

1. 将ViewModel中的字段改为公共属性

修改MainViewModel代码，把字段替换为自动属性（遵循C# PascalCase命名规范）：

using MauiTestApp.Model;
using System.Collections.ObjectModel;

namespace MauiTestApp.ViewModel
{
    public partial class MainViewModel : ObservableObject
    {
        // 字段改为只读自动属性
        public ObservableCollection<Monkey> Monkeys { get; } = new ObservableCollection<Monkey>();
        public string S { get; } = "Hello world";

        public MainViewModel()
        {
            Monkeys.Add(new Monkey("Bob", 20));
            Monkeys.Add(new Monkey("Steve", 10));
            Monkeys.Add(new Monkey("Joey", 14));
        }
    
        public void AddMonkey()
        {
            Monkeys.Add(new Monkey("Harry", 23));
        }
    }
}

2. 更新XAML中的绑定路径

因为属性名改为了S，调整Label的绑定：

<Label Grid.Row="1" Text="{Binding S}" TextColor="Purple" ></Label>

如果不想修改属性名，也可以将字段改为属性并保留小写s：public string s { get; } = "Hello world";，但仍建议遵循C#命名规范。

3. 统一BindingContext实例

你的代码存在两个ViewModel实例的问题：XAML中通过<viewModel:MainViewModel/>创建了一个实例，后台构造函数又接收了另一个实例。这会导致按钮点击操作的实例和XAML绑定的实例不一致，后续添加猴子时UI无法同步更新。

解决方式二选一：

• 方式一：移除XAML中的BindingContext设置，在后台构造函数中绑定

namespace MauiTestApp
{
    public partial class MainPage : ContentPage
    {
        private MainViewModel viewModel;
        public MainPage(MainViewModel vm)
        {
            InitializeComponent();
            viewModel = vm;
            BindingContext = viewModel; // 统一设置BindingContext
        }

        private void Button_Pressed(object sender, EventArgs e)
        {
             viewModel.AddMonkey();
        }
    }
}

同时删除XAML中的这段代码：

<ContentPage.BindingContext>
    <viewModel:MainViewModel/>
</ContentPage.BindingContext>

• 方式二：移除后台构造函数参数，使用XAML创建的实例

namespace MauiTestApp
{
    public partial class MainPage : ContentPage
    {
        private MainViewModel viewModel;
        public MainPage()
        {
            InitializeComponent();
            viewModel = (MainViewModel)BindingContext; // 获取XAML中创建的实例
        }

        private void Button_Pressed(object sender, EventArgs e)
        {
             viewModel.AddMonkey();
        }
    }
}

额外提示 #

如果需要后续修改属性值并让UI自动更新，建议使用MAUI提供的[ObservableProperty]特性（需引用CommunityToolkit.Mvvm NuGet包），它会自动生成属性的通知代码：

[ObservableProperty]
private string s = "Hello world";

此时会自动生成公共属性S，无需手动编写get/set和通知逻辑。

内容的提问来源于stack exchange，提问作者David Turley