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

将BooleanToVisibilityConverter属性绑定到ViewModel的bool属性

<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

绑定BooleanToVisibiltyConverter的可见性

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

你的控制：

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

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

3 个答案: