WinUI 3绑定问题求助：x:Bind与Binding均无法正常更新UI

你的代码存在几个核心逻辑混乱点，导致绑定失效或无法更新UI，以下是问题分析和修复方案：

核心问题拆解 #

1. 绑定对象混乱：页面类同时定义了自身的StatusBarColor属性，又维护了ViewModel实例，还额外给DataContext赋值了新的BlankViewModel。这导致：
   • {x:Bind StatusBarColor}绑定的是页面自身未初始化的属性，初始值为null，表现为白色背景；且该属性未实现属性变更通知，修改后UI无反应。
   • {Binding StatusBarColor}绑定的是DataContext里的ViewModel实例，初始显示红色，但点击按钮修改的是页面自身的属性，根本没触碰到ViewModel里的值，自然不会更新UI。
2. x:Bind 默认模式限制：{x:Bind}默认是OneTime模式，仅在初始化时读取一次值，后续属性变化不会自动同步到UI。

修复步骤 #

1. 清理页面代码，统一操作ViewModel #

删除页面类中冗余的StatusBarColor字段和属性，点击按钮时直接操作ViewModel的属性：

using app1Binding.ViewModels;
using Microsoft.UI.Xaml.Controls;
using Microsoft.UI.Xaml.Media;

namespace app1Binding.Views;

public sealed partial class BlankPage : Page
{
    public BlankViewModel ViewModel { get; }

    public BlankPage()
    {
        ViewModel = App.GetService<BlankViewModel>();
        InitializeComponent();
        // 统一将DataContext设置为ViewModel实例，确保绑定源一致
        DataContext = ViewModel;
    }

    private void button1_Click(object sender, Microsoft.UI.Xaml.RoutedEventArgs e)
    {
        // 修改ViewModel的属性，触发变更通知
        ViewModel.StatusBarColor = new SolidColorBrush(Microsoft.UI.Colors.Green);
    }
}

2. 选择正确的绑定方式（二选一） #

方式一：使用x:Bind并指定OneWay模式

修改XAML中的TextBox绑定，明确绑定到ViewModel属性并设置更新模式：

<TextBox Background="{x:Bind ViewModel.StatusBarColor, Mode=OneWay}" Text="HELLO" FontSize="30"/>

方式二：使用Binding（默认OneWay模式）

因为已将DataContext设为ViewModel，直接绑定属性即可：

<TextBox Background="{Binding StatusBarColor}" Text="HELLO" FontSize="30"/>

3. 确认ViewModel实现正确 #

你的BlankViewModel继承了ObservableRecipient，且在属性setter中调用了OnPropertyChanged，这部分逻辑是正确的，无需修改。

验证效果 #

修改完成后：

• 页面初始化时，TextBox背景会显示ViewModel预设的红色
• 点击按钮后，ViewModel的StatusBarColor更新为绿色，通过OnPropertyChanged通知UI，背景自动切换为绿色

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