c# - 转换绑定(bind)路径，以便它在设计时识别 ViewModel 属性

Question

好吧，这与其说是个问题，不如说是个烦恼。没有错误

页面

<ContentPage
   ...
   x:Name="This"
   //hack to have typed xaml at design-time
   BindingContext="{Binding Source={x:Static viewModels:ViewModelLocator.ChooseTargetLocationVm}}"

subview

<views:ProductStandardView
    ...
    BindingContext="{Binding Product}">
    <Grid.Triggers>
        <DataTrigger
            Binding="{Binding Path=BindingContext.IsVacate, Source={x:Reference This}}"
            TargetType="Grid"
            Value="true">
            <Setter Property="BackgroundColor" Value="{StaticResource WarningColor}" />
        </DataTrigger>
    </Grid.Triggers>

当绑定(bind)到BindingContext来自 This 的来源 引用 ，我收到 XAML“警告”

Cannot resolve property 'IsVacate' in data context of type 'object'

Binding="{Binding Path=BindingContext.IsVacate, Source={x:Reference This}}"

很明显，BindingContext 是一个对象 并且是未类型化的。 但是上面的代码编译和工作

我想做的是转换，首先是因为我有强制症，但主要是因为它很容易在IDE页面 channel 栏上发现真正的问题

以下看似合乎逻辑但行不通

Binding="{Binding Path=BindingContext.(viewModels:ChooseTargetLocationVm.IsVacate), 
                  Source={x:Reference This}}"

在我得到的输出中

[0:] Binding: '(viewModels:ChooseTargetLocationVm' property not found on 'Inhouse.Mobile.Standard.ViewModels.ChooseTargetLocationVm', target property: 'Inhouse.Mobile.Standard.Views.ProductStandardView.Bound'

我明白这个错误，但我还能怎么投？

---

只是为了愚蠢，显然以下不会编译

Binding="{Binding Path=((viewModels:ChooseTargetLocationVm)BindingContext).IsVacate, Source={x:Reference This}}"

---

那么有没有一种方法可以将 BindingContext 转换为 ViewModel，以便在设计时输入任何 SubProperty 引用？

更新

这与 DataTemplate 内部相关或者在这种情况下，控件有自己的 BindingContext这就是为什么我需要使用 Source={x:Reference This}定位页面。

注意:<ContentPage.BindingContext>对我不起作用，因为我使用的是 prism 和 unity，而且在初始测试中它似乎不能很好地使用默认构造函数，尽管我可能会更多地使用它

Answer 1

您可以扩展 ContentPage 以创建一个通用类型 - 支持 View 模型的类型参数 - 进而可以在 Binding 标记扩展中使用。

虽然它可能不会为您提供智能感知之类的支持 - 但绝对应该为您删除警告。

例如:

/// <summary>
/// Create a base page with generic support
/// </summary>
public class ContentPage<T> : ContentPage
{
    /// <summary>
    /// This property basically type-casts the BindingContext to expected view-model type
    /// </summary>
    /// <value>The view model.</value>
    public T ViewModel { get { return (BindingContext != null) ? (T)BindingContext : default(T); } }

    /// <summary>
    /// Ensure ViewModel property change is raised when BindingContext changes
    /// </summary>
    protected override void OnBindingContextChanged()
    {
        base.OnBindingContextChanged();

        OnPropertyChanged(nameof(ViewModel));
    }
}

示例用法

<?xml version="1.0" encoding="utf-8"?>
<l:ContentPage 
    ...
    xmlns:l="clr-namespace:SampleApp" 
    x:TypeArguments="l:ThisPageViewModel"
    x:Name="This"
    x:Class="SampleApp.SampleAppPage">

    ...                            
         <Label Text="{Binding ViewModel.PropA, Source={x:Reference This}}" />
    ...
</l:ContentPage>

代码隐藏

public partial class SampleAppPage : ContentPage<ThisPageViewModel>
{
    public SampleAppPage()
    {
        InitializeComponent();

        BindingContext = new ThisPageViewModel();
    }
}

查看模型

/// <summary>
/// Just a sample viewmodel with properties
/// </summary>
public class ThisPageViewModel
{
    public string PropA { get; } = "PropA";
    public string PropB { get; } = "PropB";
    public string PropC { get; } = "PropC";

    public string[] Items { get; } = new[] { "1", "2", "3" };
}