基于ViewModel属性使用ViewModel改变View

本文关键字：ViewModel 改变 View 属性 基于 | 更新日期: 2023-09-27 18:14:20

据我所知，在WPF中你可以这样做:

<Window.Resources>
    <DataTemplate DataType="{x:Type ViewModels:IronStage1ViewModel}">
        <Views:IronStage1View/>
    </DataTemplate>
    <DataTemplate DataType="{x:Type ViewModels:IronStage2ViewModel}">
        <Views:IronStage2View/>
    </DataTemplate>
    <Views:TestStageToTabIndexConverter x:Key="TestStageToTabIndexConverter" />
</Window.Resources>

我的问题:是否有任何方法来选择基于属性的视图在你的ViewModel?

像这样:

<Window.Resources> //If property Selector==1
    <DataTemplate DataType="{x:Type ViewModels:IronStage1ViewModel}"> 
        <Views:IronStage1View/>
    </DataTemplate>
                   // If property Selector==2
    <DataTemplate DataType="{x:Type ViewModels:IronStage1ViewModel}">
        <Views:IronStage2View/>
    </DataTemplate>
</Window.Resources>

基于ViewModel属性使用ViewModel改变View

数据模板选择器会这样做吗?

教程在这里

这将如何应用于您的场景:

首先创建一个DataTemplateSelector: 

public class IronStageTemplateSelector : DataTemplateSelector
{
    public DataTemplate IronStage1Template { get; set; }
    public DataTemplate IronStage2Template { get; set; }
    public object IronStage1Selector { get; set; }
    public object IronStage2Selector { get; set; }
    public override DataTemplate SelectTemplate(object selector,
      DependencyObject container)
    {
        if(selector == this.IronStage1Selector)
        {
            return IronStage1Template;
        }
        return IronStage2Template;
    }
}

我已经扩展了教程，包括您可以指定何时返回每个模板的属性。

声明XAML资源

<UserControl.Resources>
    <DataTemplate x:Key="iron1Template">
        <TextBlock/>
    </DataTemplate>
    <DataTemplate x:Key="iron2Template">
        <Label />
    </DataTemplate>
    <System:Double x:Key="Selector1">1</System:Double>
    <System:Double x:Key="Selector2">2</System:Double>
    <local:IronStageTemplateSelector x:Key="IronStageTemplateSelector" 
                                     IronStage1Selector="{StaticResource Selector1}"
                                     IronStage2Selector="{StaticResource Selector2}"
                                     IronStage1Template="{StaticResource iron1Template}"
                                     IronStage2Template="{StaticResource iron2Template}"/>
</UserControl.Resources>

在这个例子中，我们声明了选择器，当属性值为1时，返回template1，否则返回模板2。

添加控件到XAML最后，需要一点小技巧——你的VM属性需要是IEnumerable…

<ItemsControl ItemsSource="{Binding toProperty}" 
     ItemTemplateSelector="{StaticResource IronStageTemplateSelector}">
</ItemsControl>

我希望这对你有帮助，如果你觉得有用，请标记为答案

视图模型属性在编译时是否为已知类型?如果是这样，你可以直接将控件添加到主(父)视图中，并将数据上下文绑定到视图模型属性。

像这样…

   <Address:AddressControl Grid.Row="5" Grid.Column="0" Grid.ColumnSpan="6" DataContext="       {Binding PresentAddress}"/>

如果你有不同的情况，请告诉我。

相关文章：