能否在DataTemplate内通过x:Bind绑定到ViewModel？

针对UWP中DataTemplate里x:Bind无法访问页面/父级ViewModel的问题，以下是几种符合惯例的解决方式，无需污染实体类或使用包装类：

1. 通过页面x:Name直接绑定ViewModel #

给承载页面设置x:Name，比如：

<Page x:Name="CurrentPage" DataContext="{Binding MyViewModel}">

之后在DataTemplate里通过页面名称直接引用ViewModel：

<DataTemplate x:Key="CustomTemplate" x:DataType="data:CustomType">
    <TextBlock Text="{x:Bind Foo}" Foreground="{x:Bind CurrentPage.MyViewModel.GetColor(Foo), Mode=OneWay}" />
    <TextBlock Text="{x:Bind Bar}" />
</DataTemplate>

这种方式利用x:Bind编译时绑定的特性，直接通过页面实例获取ViewModel，简单直接，适合页面级ViewModel场景。

2. 将ViewModel作为静态资源存放 #

把ViewModel注册为页面或全局静态资源：

<Page.Resources>
    <viewmodels:MyViewModel x:Key="AppViewModel" />
</Page.Resources>

然后在DataTemplate里直接引用静态资源中的ViewModel：

<DataTemplate x:Key="CustomTemplate" x:DataType="data:CustomType">
    <TextBlock Text="{x:Bind Foo}" Foreground="{x:Bind {StaticResource AppViewModel}.GetColor(Foo), Mode=OneWay}" />
    <TextBlock Text="{x:Bind Bar}" />
</DataTemplate>

该方式适合全局共享的ViewModel，无需依赖页面上下文，但要确保ViewModel实例的生命周期符合需求。

3. 用Converter配合Binding的RelativeSource #

如果可以将函数逻辑转为Converter，就能借助Binding的RelativeSource找到父级ViewModel：
首先实现一个转换器：

public class FooToColorConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, string language)
    {
        var viewModel = parameter as MyViewModel;
        var fooValue = value as string;
        return viewModel?.GetColor(fooValue);
    }

    public object ConvertBack(object value, Type targetType, object parameter, string language)
    {
        throw new NotImplementedException();
    }
}

注册转换器为静态资源：

<Page.Resources>
    <converters:FooToColorConverter x:Key="FooToColorConverter" />
</Page.Resources>

然后在DataTemplate里使用Binding结合RelativeSource传递ViewModel：

<DataTemplate x:Key="CustomTemplate" x:DataType="data:CustomType">
    <TextBlock Text="{x:Bind Foo}" 
               Foreground="{Binding Foo, Converter={StaticResource FooToColorConverter},
                           ConverterParameter={Binding DataContext, RelativeSource={RelativeSource AncestorType=Page}}, Mode=OneWay}" />
    <TextBlock Text="{x:Bind Bar}" />
</DataTemplate>

这种方式严格遵循MVVM职责分离，实体类无需关注UI逻辑，Converter专门处理数据到UI的转换。

4. 借助附加属性封装逻辑 #

编写一个附加属性，在内部通过视觉树查找父级ViewModel并调用函数：

public static class TextBlockForegroundHelper
{
    public static readonly DependencyProperty FooProperty =
        DependencyProperty.RegisterAttached("Foo", typeof(string), typeof(TextBlockForegroundHelper), new PropertyMetadata(null, OnFooChanged));

    public static void SetFoo(DependencyObject obj, string value)
    {
        obj.SetValue(FooProperty, value);
    }

    public static string GetFoo(DependencyObject obj)
    {
        return (string)obj.GetValue(FooProperty);
    }

    private static void OnFooChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is not TextBlock textBlock) return;
        var fooValue = e.NewValue as string;
        
        // 查找父级的ViewModel
        var viewModel = FindParentViewModel<MyViewModel>(textBlock);
        if (viewModel == null) return;
        
        textBlock.Foreground = viewModel.GetColor(fooValue);
    }

    private static T FindParentViewModel<T>(DependencyObject element) where T : class
    {
        while (element != null)
        {
            element = VisualTreeHelper.GetParent(element);
            if (element is FrameworkElement fe && fe.DataContext is T viewModel)
                return viewModel;
        }
        return null;
    }
}

然后在DataTemplate里使用附加属性：

<DataTemplate x:Key="CustomTemplate" x:DataType="data:CustomType">
    <TextBlock Text="{x:Bind Foo}" local:TextBlockForegroundHelper.Foo="{x:Bind Foo}" />
    <TextBlock Text="{x:Bind Bar}" />
</DataTemplate>

这种方式把UI相关逻辑封装在附加属性中，DataTemplate代码更简洁，适合需要复用该逻辑的场景。

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