wpf - 如何在 wpf mvvm 中隐藏/显示堆栈面板

Question

在 MVVM 场景中，我想显示/隐藏基于超链接单击或图像单击的用户控件。这如何在 XAML 中实现？

Answer 1

使用切换按钮并使用以下方式绑定您的可见UserControl性BooleanToVisibilityConverter：

定义资源：

<BooleanToVisibilityConverter x:Key="BoolToVisibility" />

切换按钮：

<ToggleButton x:Name="VisibilityToggle>
    <Image Source="..." />
</ToggleButton>

用户控制：

<MyControl Visibility="{Binding IsChecked, ElementName=VisibilityToggle, Converter={StaticResource BoolToVisibility}}" />

Answer 2

将属性绑定Visibility到 ViewModel 的 bool 属性，使用BooleanToVisibilityConverter

<Window.Resources>
    <BooleanToVisibilityConverter x:Key="visibilityConverter" />
</Window.Resources>

...

<MyUserControl Visibility="{Binding IsMyUserControlVisible, Converter={StaticResource visibilityConverter}}" />

视图模型：

private bool _isMyUserControlVisible;
public bool IsMyUserControlVisible
{
    get { return _isMyUserControlVisible; }
    set
    {
        _isMyUserControlVisible = value;
        OnPropertyChanged("IsMyUserControlVisible");
    }
}

Answer 3

假设您的 ViewModel 中有一个布尔属性，用于确定是否显示控件

public bool DisplayControl { get; set; }

StackPanel使用 a绑定您的可见性BooleanToVisibiltyConverter

<Window.Resources>
   <BooleanToVisibilityConverter x:Key="visibilityConverter" />
</Window.Resources>

和你的控制：

<StackPanel Visibility="{Binding DisplayControl, Converter={StaticResource visibilityConverter}}"/>