根据用户对下拉列表的选择显示控件

Question

我需要根据用户在下拉列表中所做的选择来显示不同的控件。也就是说，如果用户对日期进行选择，则应显示日期选择控件，或用于文本输入的文本输入框......或者用于更复杂选择的一组控件。

因此，我们的想法是创建任意数量的用户控件，然后在需要的时间显示所需的控件。我想要比“可见的真/假”属性更优雅的东西。

Answer 1

您可以使用内容控制和数据触发器来实现它。无需玩弄可见性。

这是一个示例，可以让您清楚地了解。
在下面的示例中，我采用了一个内容控件，其中组合框所选项目作为数据上下文。
XAML 代码：

 <StackPanel Orientation="Vertical" Width="150">
        <ComboBox Name="Controls"></ComboBox>
        <ContentControl DataContext="{Binding ElementName=Controls,Path=SelectedItem}">
            <ContentControl.Style>
                <Style TargetType="ContentControl">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding}" Value="Date">
                            <Setter Property="Content">
                                <Setter.Value>
                                    <DatePicker Height="30"></DatePicker>
                                </Setter.Value>
                            </Setter>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding}" Value="Text">
                            <Setter Property="Content">
                                <Setter.Value>
                                    <TextBox Height="30"></TextBox>
                                </Setter.Value>
                            </Setter>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding}" Value="Button">
                            <Setter Property="Content">
                                <Setter.Value>
                                    <Button Height="30"></Button>
                                </Setter.Value>
                            </Setter>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding}" Value="Checkbox">
                            <Setter Property="Content">
                                <Setter.Value>
                                    <CheckBox Height="30"></CheckBox>
                                </Setter.Value>
                            </Setter>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </ContentControl.Style>
        </ContentControl>
    </StackPanel>

代码隐藏：

InitializeComponent();
            List<string> controlTypes = new List<string> { "Date", "Text", "Button", "Checkbox" };
            Controls.ItemsSource = controlTypes;

注意：为了创建示例，我使用了代码隐藏...您可以轻松地将其转换为 MVVM

Answer 2

我想要比“可见真/假”属性更优雅的东西。

:-) 无论如何，你最终都会这样做......

这太微不足道了......任何像样的 WPF 相关教程都会帮助你......

只是为了快速开始，你将不得不使用 Binding ComboBox 的 SelectedItem 以及您想要通过适当的值转换器隐藏/显示的所有控件的 Visibility。