XAML ContentControl 不改变可见性答案

【问题标题】：XAML ContentControl not changing visibilityXAML ContentControl 不改变可见性
【发布时间】：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中包含的类型的实现。

标签： c# wpf xaml datatrigger

【解决方案1】：

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

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

public bool IsListView { get; set; }

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

private bool _isListView;

public bool IsListView
{
    get { return _isListView; }
    set { this.RaiseAndSetIfChanged(ref _isListView, value); }
}

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

【讨论】：