WPF - MVVM - 有条件地包含要查看的用户控件

Question

在 WPF 我的 MVVM 应用程序中，我需要创建一个帐户搜索视图，其中有 2 个选项：按帐户 # 进行简单搜索或高级搜索（按姓名、电子邮件等）。

在我的 AccountSearchViewModel 中，我有一个 bool 属性 IsAdvancedMode。

此外，我还为每种模式创建了 2 个 UserControl：SimpleSearchView 和 AdvancedSearchView

现在我需要根据 IsAdvancedMode 属性显示其中之一。

最好的方法是什么？

另外，作为一般解决方案，如果我有枚举的 SearchMode 属性怎么办？在这种情况下，您如何在多个控件之间切换？

Answer 1

我认为您需要使用数据模板，为此，您需要创建三个类：

     public class Search
        {
            //Your Code
        }

        public class AdvanceSearch : Search
        {
           //Your Code
        }

        public class SimpleSearch : Search
        {
          //Your Code
        }

然后基于类创建数据模板：

<DataTemplate DataType="{x:Type local:AdvanceSearch }">
  <StackPanel>
    <TextBlock Text="{Binding Path=Name}" />
    <TextBlock Text="{Binding Path=Email}"/>    
  </StackPanel>
</DataTemplate>

<DataTemplate DataType="{x:Type local:SimpleSearch }">
  <StackPanel>
    <TextBlock Text="{Binding Path=Name}" />    
  </StackPanel>
</DataTemplate>

Answer 2

我将根据需要使用 DataTrigger 交换 ContentControl 的 ContentTemplate。我写了一篇关于在 MVVM 中切换视图的文章这里 如果您感兴趣（包括示例）

这里有一些快速测试代码演示它：

<Window.Resources>
    <DataTemplate x:Key="TemplateA" >
        <TextBlock Text="I'm Template A" />
    </DataTemplate>

    <DataTemplate x:Key="TemplateB" >
        <TextBlock Text="I'm Template B" />
    </DataTemplate>
</Window.Resources>

<StackPanel>
    <ToggleButton x:Name="Test" Content="Test" />

    <ContentControl>
        <ContentControl.Style>
            <Style TargetType="{x:Type ContentControl}">
                <Setter Property="ContentTemplate" Value="{StaticResource TemplateA}" />
                <Style.Triggers>
                    <DataTrigger Binding="{Binding ElementName=Test, Path=IsChecked}" Value="True">
                        <Setter Property="ContentTemplate" Value="{StaticResource TemplateB}" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </ContentControl.Style>
    </ContentControl>
</StackPanel>

Answer 3

我通常将它们都删除，然后使用 BooleanToVisibilityConverter。使用您已设置的最简单的方法。

<Grid>
  <SimpleSearch />
  <AdvancedSearch 
          Visibility="{Binding IsAdvancedMode, Converter={StaticResource btvc}"/>
</Grid>

当 IsAdvancedMode 为 true 时，AdvancedSearch 控件将覆盖 SimpleSearch。再次强调，这是最简单的方法，不一定是绝对最好的。