XAML ContentControl 不改变可见性

Posted 2023-02-21

【中文标题】XAML ContentControl 不改变可见性

【英文标题】：XAML ContentControl not changing visibility

【发布时间】：2021-09-03 21:39:03

【问题描述】：

我的代码有点问题。我有一个内容控件，我想根据属性值打开它的可见性。

我有一个切换按钮，可以毫无问题地更改属性 IsListView 的值和图标。

 <ToggleButton Width="26" Height="26" VerticalAlignment="Center" IsChecked="Binding IsListView" Command="Binding SetItemsViewStyle" Margin="0,0,5,0">
      <ToggleButton.Style>
          <Style TargetType="x:Type ToggleButton" BasedOn="StaticResource MahApps.Styles.Button.Circle">
             <Setter Property="Content" Value="iconPacks:BootstrapIcons List, Width=12, Height=12" />
             <Setter Property="ToolTip" Value="Switch to list display"/>
             <Style.Triggers>
                <Trigger Property="IsChecked" Value="true">
                   <Setter Property="Content" Value="iconPacks:Material Apps, Width=12, Height=12" />
                   <Setter Property="ToolTip" Value="Switch to tile display"/>
                </Trigger>
             </Style.Triggers>
         </Style>
      </ToggleButton.Style>
</ToggleButton>

然后根据IsListView 属性的值，我想隐藏或显示内容控件的样式：

<Style x:Key="ListViewStyle" TargetType="ContentControl">
    <Setter Property="Visibility" Value="Collapsed"/>
    <Setter Property="Content" Value="x:Null"/>
    <Style.Triggers>
        <DataTrigger Binding="Binding IsListView" Value="True">
            <Setter Property="Visibility" Value="Visible"/>
            <Setter Property="Content">
                <Setter.Value>
                    <ScrollViewer HorizontalScrollBarVisibility="Disabled" VerticalAlignment="Stretch" VerticalScrollBarVisibility="Auto" Margin="0,31,0,0" >
                        <DataGrid ItemsSource="Binding Projects"/>
                    </ScrollViewer>
                </Setter.Value>
            </Setter>
        </DataTrigger>
    </Style.Triggers>
</Style>

ContentControl 几乎是空的：

<ContentControl Style="StaticResource ListViewStyle">
</ContentControl>

屏幕初始化时内容正确显示（IsListView 初始化为 true），但当我单击切换按钮时 ContentControl 并没有消失。执行后面的代码，包括从数据存储中获取数据，但在我看来屏幕没有刷新。

我错过了什么？

【问题讨论】：

显示DataContext中包含的类型的实现。

【参考方案1】：

好的，我发现了问题所在。我应该在我的问题中提到我正在使用 ReactiveUI。

我有一个定义如下的属性 IsListView：

public bool IsListView  get; set; 

必须像这样定义以确保将事件传播到视图。

private bool _isListView;

public bool IsListView

    get  return _isListView; 
    set  this.RaiseAndSetIfChanged(ref _isListView, value); 

现在控件根据我的要求隐藏和显示。