Windows 10 通用编译绑定 (x:Bind) 与 ViewModel 冲突

Question

我想通过编译绑定将页面中的元素绑定到代码后面的依赖属性，同时使用常规绑定将另一个元素绑定到 ViewModel。但它给出了运行时错误。

这是我的 xaml 代码。

<Page
x:Class="XbindingProblem.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:XbindingProblem"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
DataContext="{Binding Main, Source={StaticResource Locator}}"
mc:Ignorable="d">
<Page.Resources>
    <DataTemplate x:Key="UserDataTemplate" x:DataType="local:User">
        <StackPanel>
            <TextBlock Text="{x:Bind Name}" />
            <TextBlock Text="{x:Bind Age}" />
        </StackPanel>
    </DataTemplate>
</Page.Resources>
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <StackPanel>
        <TextBlock Text="{Binding Title}"/>
        <ContentPresenter ContentTemplate="{StaticResource UserDataTemplate}" Content="{x:Bind CurrentUser, Mode=OneWay}"/>
    </StackPanel>        
</Grid>

这里的 CurrentUser 是依赖属性，最初为 null，然后在运行时更改。这会产生以下运行时错误。

Incorrect type passed into template. Based on the x:DataType global::XbindingProblem.User was expected.

问题是当 CurrentUser 为 null 时，它将 ViewModel 传递给 UserDataTemplate 而不是 CurrentUser 依赖属性。

任何人都可以对这个问题有一个很好的解释吗？

Answer 1

如果您删除 DataContext="{Binding Main, Source={StaticResource Locator}}"，它将起作用。为什么？因为{x:Bind CurrentUser} 正在寻找位于您的MainPage.xaml.cs 内的名为CurrentUser 的属性。由于CurrentUser 确实是您页面的依赖属性，因此它可以正常工作。

但是，通过指定页面的 DataContext，x:Bind 现在除了 CurrentUser 实例中的 CurrentUser 属性，当然它不会找到它，所以编译时错误会被抛出。

一种可能的解决方法是尽早设置this.CurrentUser，甚至在调用InitializeComponent之前。

this.CurrentUser = new User();

InitializeComponent();

但恕我直言，这不是正确的做事方式，因为它基本上是一款赛车游戏 - 它试图在 DataContext 更新之前填充 ContentPresenter，最后你将拥有 @ 987654335@（其中Text绑定到Title）和ContentPresenter附加到不同的上下文！

所以问问自己为什么需要在Page 对象中为CurrentUser 创建一个依赖属性，而不是在MainViewModel 中拥有一个普通属性（使用INotifyPropertyChanged 实现）？我更喜欢后者，因为它在语义上更正确。

Answer 2

这个问题很有趣，我所做的只是删除数据上下文，这是后面的代码与你的相似：

public sealed partial class BlankPage1 : Page
{
    public User CurrentUser
    {
        get { return (User)GetValue(CurrentUserProperty); }
        set { SetValue(CurrentUserProperty, value); }
    }

    // Using a DependencyProperty as the backing store for CurrentUser.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty CurrentUserProperty =
        DependencyProperty.Register("CurrentUser", typeof(User), typeof(BlankPage1), new PropertyMetadata(null));

    public BlankPage1()
    {
        this.InitializeComponent();

        CurrentUser = new User() { Name = "Hello", Age = "20" };
    }
}

public class User
{
    public String Name { get; set; }
    public String Age { get; set; }
}

可能您在另一个命名空间中有 User 类，或者在依赖属性的 typeof(...) 中有另一个类。因为我对此进行了测试并且有效。页面的 DataContext 可以是任何你想要它不会影响的东西。

然后我添加了datacontext只是为了测试：

<Page.DataContext>
    <local:Main/>
</Page.DataContext>

以及仅用于测试的代码：

public class Main
{
    public String Title { get; } = "title";
    public User MainUser { get; set; }
}

并且它不会抛出任何异常，出现 Main 数据和 CurrentUser 数据。

更新。当 User 为 null 时会发生错误，因此就像 x:Bind 为 null 它传播到 Binding 一样，要解决这个问题（这很难）：

<Page x:Name="Root"
    x:Class="Deletetb.BlankPage1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Deletetb"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" >
    <Page.DataContext>
        <local:Main/>
    </Page.DataContext>

    <Page.Resources>
        <DataTemplate x:Key="UserDataTemplate" x:DataType="local:User">
            <StackPanel>
                <TextBlock Text="{x:Bind Name}" />
                <TextBlock Text="{x:Bind Age}" />
            </StackPanel>
        </DataTemplate>
    </Page.Resources>
    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <StackPanel DataContext="{x:Null}">
            <TextBlock Text="{Binding DataContext.Title, ElementName=Root}" />
            <ContentPresenter  ContentTemplate="{StaticResource UserDataTemplate}" Content="{x:Bind CurrentUser, Mode=OneWay}"/>
        </StackPanel>
    </Grid>
</Page>

绑定定义在哪里（TextBlock）我在父容器（StackPanel）中将datacontext设置为null并按元素名称绑定，它不会崩溃，我还添加了一个等待代码来测试和设置当前用户和有用。那是一个挑战。希望它也适合你。

Answer 3

虽然它打破了 MVVM 的想法，但您可以像这样向页面添加属性：

public MainViewModel viewModel => DataContext as MainViewModel;

然后在 XAML 代码中引用页面属性

<ContentPresenter Content="{x:Bind viewModel.CurrentUser, Mode=OneWay}" />