时间戳

首页 > 解决方案 > XAML ContentControl 不改变可见性

c# - XAML ContentControl 不改变可见性

问题描述

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

我有一个切换按钮，可以毫无问题地更改属性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 不会消失。执行后面的代码，包括从数据存储中获取数据，但在我看来屏幕没有刷新。

我错过了什么？

标签： c#wpfxamldatatrigger

解决方案

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

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

public bool IsListView { get; set; }

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

private bool _isListView;

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

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

推荐阅读