WinUI3中如何在子用户控件中使用x:Bind绑定ViewModel？

针对你提到的场景，完全可以在WinUI 3中用x:Bind实现类似WPF的嵌套ViewModel绑定，核心是调整InnerView的绑定逻辑，下面提供两种可行方案：

方案1：给InnerView添加ViewModel依赖属性（推荐） #

这种方式更贴合WinUI 3中x:Bind的类型安全特性，避免依赖DataContext的隐式绑定：

1. InnerView代码后置：定义ViewModel依赖属性

public sealed partial class InnerView : UserControl
{
    // 定义ViewModel依赖属性，支持外部绑定
    public static readonly DependencyProperty ViewModelProperty =
        DependencyProperty.Register(nameof(ViewModel), typeof(InnerViewModel), typeof(InnerView), new PropertyMetadata(null));

    public InnerViewModel ViewModel
    {
        get => (InnerViewModel)GetValue(ViewModelProperty);
        set => SetValue(ViewModelProperty, value);
    }

    public InnerView()
    {
        InitializeComponent();
    }
}

2. InnerView的XAML：用x:Bind直接绑定自身的ViewModel属性

<UserControl x:Class="YourNamespace.InnerView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="using:YourNamespace">
    <TextBox Text="{x:Bind ViewModel.I, Mode=TwoWay}" />
</UserControl>

3. OuterView的XAML：通过x:Bind将OuterViewModel的Inner传递给InnerView的ViewModel

<UserControl x:Class="YourNamespace.OuterView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="using:YourNamespace">
    <local:InnerView ViewModel="{x:Bind ViewModel.Inner, Mode=OneWay}" />
</UserControl>

方案2：保留DataContext，配合x:DataType让x:Bind生效 #

如果你想沿用WPF中DataContext的绑定习惯，只需给InnerView指定x:DataType，让x:Bind编译时识别DataContext的类型：

1. InnerView的XAML：添加x:DataType并直接绑定属性

<UserControl x:Class="YourNamespace.InnerView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="using:YourNamespace"
             x:DataType="local:InnerViewModel"> <!-- 指定DataContext的类型 -->
    <TextBox Text="{x:Bind I, Mode=TwoWay}" />
</UserControl>

2. OuterView的XAML：依然通过x:Bind设置InnerView的DataContext

<UserControl x:Class="YourNamespace.OuterView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="using:YourNamespace">
    <local:InnerView DataContext="{x:Bind ViewModel.Inner, Mode=OneWay}" />
</UserControl>

两种方案对比 #

• 方案1：显式的ViewModel属性让代码逻辑更清晰，完全遵循类型安全原则，符合WinUI 3的最佳实践，便于后续维护和扩展。
• 方案2：更贴近WPF的原有写法，改动量小，但依赖DataContext的隐式传递，可读性和可维护性不如方案1。

不管哪种方案，都能实现你想要的嵌套ViewModel绑定效果，这个模式完全适配WinUI 3的x:Bind方式。

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