强制转换绑定路径,以便在设计时识别ViewModel属性

时间:2018-07-19 00:42:32

标签: c# xamarin.forms

好吧,这更多的是烦恼而不是问题。没有错误

页面

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

当从BindingContext Source Reference 中将 Binding 绑定到This时,我收到XAML“警告”

  

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

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

很显然, BindingContext 是一个 object ,并且没有类型。 但是以上代码可以编译并运行

我要执行的操作是强制转换,首先是因为我有OCD,但是主要是因为它易于在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>对我不起作用,因为我使用的是棱镜和单位,而且似乎在初始测试中不能很好地使用默认构造函数可能还会玩这个

1 个答案:

答案 0 :(得分:4)

您可以扩展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" };
}