Question

现状

我有网格，此网格有3行。每行包含一个我的UserControls。每个UserControl都被硬编码到Grid行之一：

 <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>

<Grid>
    <local:myUserControl DependencyProperty1 = "{Binding Property1}" DependencyProperty2 = "{Binding Property2}" />
    <Stackpanel><Button/><Combobox/></StackPanel>
</Grid>
<Grid Grid.Row="1">
    <local:myUserControl DependencyProperty1 = "{Binding Property1}" DependencyProperty2 = "{Binding Property2}" />
    <Stackpanel><Button/><Combobox/></StackPanel>
</Grid>

[...]

</Grid>

我的任务

我的控件比我的窗口所能容纳的更多。我想允许用户在所有可用的控件之间交换，方法是在ComboBox中选择他喜欢的控件，然后按Button。

我考虑过使用ItemTemplating来完成此任务。我发现this post关于如何处理不同类型的数据类型，这很有帮助。但是我觉得这里的列表有点多余，因为其中始终只有一个Item，但我不知道该用什么。

我的问题

是否有更好的解决方案，例如仅使用一项使用列表，还是有更好的方法来创建“可交换”控件？

Answer 1

这里的代码将实现一个控件，控件的内容根据组合框的值而变化。这只是使用省略号，但是如果需要，您可以将自己的用户控件插入ContentControl中：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <ComboBox Name="MyComboBox">
        <ComboBoxItem Content="Fish"/>
        <ComboBoxItem Content="Chips"/>
    </ComboBox>

    <Grid Grid.Row="1">
        <ContentControl>
            <ContentControl.Style>
                <Style TargetType="ContentControl">
                    <Setter Property="Content">
                        <Setter.Value>
                            <Ellipse Fill="Green" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
                        </Setter.Value>
                    </Setter>
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding ElementName=MyComboBox, Path=SelectedItem.Content}" Value="Fish">
                            <Setter Property="Content">
                                <Setter.Value>
                                    <Ellipse Fill="Red" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
                                </Setter.Value>
                            </Setter>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding ElementName=MyComboBox, Path=SelectedItem.Content}" Value="Chips">
                            <Setter Property="Content">
                                <Setter.Value>
                                    <Ellipse Fill="Blue" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
                                </Setter.Value>
                            </Setter>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </ContentControl.Style>
        </ContentControl>
    </Grid>
</Grid>

使用ItemTemplating更改网格的内容

现状

我的任务

我的问题

1 个答案: