当所有内容折叠时隐藏展开器

本文关键字：隐藏 折叠 | 更新日期: 2023-09-27 18:15:42

我有一个WPF数据网格，它有一个集合视图源，上面有3个级别的分组。

我已经将数据网格样式化为使用3个扩展器，使其看起来像这样:

Level 1 Expander
<content>
    Level 2 Expander
    <content>
        Level 3 Expander
        <content>

第2级和第1级只是组的标题

我有第二个控件，允许用户显示和隐藏3级项目，这是通过将3级展开器绑定到后面对象中的布尔"IsVisible"属性来实现的。

       <!--  Style for groups under the top level. this is the style for how a sample is displayed  -->
        <GroupStyle>
            <GroupStyle.ContainerStyle>
                <Style TargetType="{x:Type GroupItem}">
                    <Setter Property="Margin" Value="0,0,0,0" />
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="{x:Type GroupItem}">
                                <!--  The parent control that determines whether or not an item needs to be displayed. This holds all of the sub controls displayed for a sample  -->
                                <Expander Margin="2"
                                          Background="{Binding Path=Name,
                                                               Converter={StaticResource SampleTypeToColourConverter}}"
                                          IsExpanded="True"
                                          Visibility="{Binding Path=Items[0].IsVisibleInMainScreen,
                                                               Converter={StaticResource BoolToVisibilityConverter}}">

这个方法非常有效。

然而

如果用户取消选择3级展开器中的所有项目，2级展开器标题仍然显示，这意味着有价值的空间被用完，显示一个没有可见数据的组的标题。

我想要的是一种将二级展开器的可见性绑定到其子控件的方法，并说"如果所有子控件都可见，则显示展开器，否则将其折叠"

这可能吗?

当所有内容折叠时隐藏展开器

我找到了一个相当简单和干净的方法，但不是完美的，来实现你的目标。如果你没有太多的组，这应该可以达到目的。

我刚刚将这个触发器添加到GroupItem ControlTemplate:

<ControlTemplate.Triggers>
    <DataTrigger Binding="{Binding ElementName=IP, Path=ActualHeight}" Value="0">
        <Setter Property="Visibility" Value="Hidden"/>
        <Setter Property="Height" Value="1"/>
    </DataTrigger>
</ControlTemplate.Triggers>

当ItemsPresenter (IP) ActualSize降为零时，将几乎折叠报头。

当控件被初始化并且在绑定发生之前，ItemPresenter ActualHeight为0，当Visibility被设置为Collapsed时，ItemPresenter根本不被呈现。

使用Visibility.Hidden允许ItemsPresenter进入渲染阶段并被测量。我成功地将Height降至0.4 px，但我怀疑这是设备相关的。

假设您正在使用MVVM类型的样式，您可以绑定到您的组对象的属性，如果所有子对象都不可见则返回false:

public bool AreChildrenVisible { get { return _children.Any(x=>x.IsVisibleInMainScreen); } }

或者，通过Converter类传递item集合以根据组中所有子项的聚合状态返回Visibility。

这不是一个直接的答案，因为你必须实现它专门为您的需要，但以前我使用了一个覆盖网格控件来创建成员的动态网格分配，如果没有可见的成员，它然后隐藏父组框。

public class DynamicLayoutGrid : Grid
{
       protected override void OnInitialized(EventArgs e)
       {
                //Hook up the loaded event (this is used because it fires after the visibility binding has occurred)
             this.Loaded += new RoutedEventHandler(DynamicLayoutGrid_Loaded);
             base.OnInitialized(e);
        }

        void DynamicLayoutGrid_Loaded(object sender, RoutedEventArgs e)
        {
            int numberOfColumns = ColumnDefinitions.Count;
            int columnSpan = 0;
            int rowNum = 0;
            int columnNum = 0;
            int visibleCount = 0;
            foreach (UIElement child in Children)
            {
                //We only want to layout visible items in the grid
                if (child.Visibility != Visibility.Visible)
                {
                    continue;
                }
                else
                {
                    visibleCount++;
                }
                //Get the column span of the element if it is not in column 0 as we might need to take this into account
                columnSpan = Grid.GetColumnSpan(child);
                //set the Grid row of the element
                Grid.SetRow(child, rowNum);
                //set the grid column of the element (and shift it along if the previous element on this row had a rowspan greater than 0
                Grid.SetColumn(child, columnNum);
                //If there isn't any columnspan then just move to the next column normally
                if (columnSpan == 0)
                {
                    columnSpan = 1;
                }
                //Move to the next available column
                columnNum += columnSpan;
                //Move to the next row and start the columns again
                if (columnNum >= numberOfColumns)
                {
                    rowNum++;
                    columnNum = 0;
                }
            }
            if (visibleCount == 0)
            {
                if (this.Parent.GetType() == typeof(GroupBox))
                {
                    (this.Parent as GroupBox).Visibility = Visibility.Collapsed;
                }
            }
        }
    }

使用multivalueconverter实现将项转换为可见性。如果所有项目的IsVisibleInMainScreen属性都返回true，则转换器将返回visible，否则返回hidden。

在原示例中U用于转换第一项的相同位置使用转换器

相关文章：