通过绑定更改用户控件

Question

我有两个UserControl's，

根据我的 ViewModel 中的值，我希望每次显示另一个 UserControl。

他们应该坐在包裹着他们的UserControl。

我该怎么做？

这里是包装器：

<UserControl>
    <local:UserControl1></local:UserControl1>// I want it to change by a binding
</UserControl>

Answer 1

使用 DataTrigger 执行此操作。这是记忆中的，但可能会对您有所帮助：

<ContentControl>
    <ContentControl.Style>
        <Style TargetType="ContentControl">
            <Setter Property="Content">
                <Setter.Value>
                    <local:UserControl1 />
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <DataTrigger Binding="{Binding BoolProperty}" Value="True">
                    <Setter Property="Content">
                        <Setter.Value>
                            <local:UserControl2 />
                        </Setter.Value>
                    </Setter>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ContentControl.Style>
</ContentControl>

Answer 2

您可以在 ViewModel 中拥有一个布尔属性 BoolProperty，并且基于该值，您可以使用 BooleanToVisibilityConverter 切换其他控件的可见性 -

<UserControl>
    <UserControl.Resources>
       <BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
    </UserControl.Resources>
    <local:UserControl1 Visibility="{Binding BoolProperty, Converter=
                                {StaticResource BooleanToVisibilityConverter}}"/>
</UserControl>

只要BoolProperty 的值为true，您的控件将为visible，如果false 为collapsed。