强制转换绑定路径，使其在设计时识别ViewModel属性

Question

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

页面

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

子视图

<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>

当从This的源引用将绑定到BindingContext时，我会得到XAML"警告">

无法解析类型为"object"的数据上下文中的属性"IsVacate">

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

显然，BindingContext是一个对象并且是非类型化的然而，上面的代码编译并工作

我想做的是投射它，首先是因为我有强迫症，但主要是因为它很容易在IDE页面通道栏上发现真正的问题

以下内容看似合理，但不起作用

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

在输出中，我得到

[0]绑定："(viewModels:ChooseTargetLocationVm"属性不是在上找到'Inhouse.Mobile.Standard.ViewModels.ChooseTargetLocationVm'，目标属性："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>对我不起作用，因为我使用的是棱镜和统一，而且它在初始测试中似乎不能很好地与默认构造函数配合使用，尽管我可能会使用更多的

Answer 1

您可以扩展ContentPage以创建一个通用类型，该类型支持视图模型的类型参数，而该类型又可以在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" };
}