刷新（或调整大小）视图

Question

我可以在一个容器（主视图）中拥有 1 到 4 个视图（子视图）。当其他子视图折叠时（通过按钮单击操作），我需要让一个子视图动态调整大小并填充主视图。希望接下来的内容能够很好地解释它。

子视图通过其构造函数加载到主视图中。

MainView 后面的代码：

// this code is in a foreach
ColumnDefinition column = new ColumnDefinition();
column.Width = new GridLength(10, GridUnitType.Star);
this.gridMainView.ColumnDefinitions.Add(column);
subView.SetValue(Grid.ColumnProperty, 
    this.gridOnMainView.ColumnDefinitions.IndexOf(column));
this.gridOnMainView.Children.Add(subView);

在主视图上，我有一个按钮，它通过主视图的视图模型成功折叠除一个子视图之外的所有子视图（活动子视图不折叠）。虽然非活动子视图折叠，但活动子视图不会调整大小。

主视图上导致该操作的按钮：

<Button Grid.Row="1" Grid.Column="2" Content="Meter" Command="{Binding HideSubViewsAction}" Width="50" Margin="0,10,0,0" Cursor="Hand" />

子视图中具有绑定可见性属性的网格：

<Grid Visibility="{Binding IsCollapsed, Converter={StaticResource     
    booleanToStringConverter}, ConverterParameter=SubViewVisibility}">
<Grid.RowDefinitions>
    <RowDefinition Height="20*" />
    <RowDefinition Height="25*" />
    <RowDefinition Height="25*" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
    <ColumnDefinition Width="100*" />
</Grid.ColumnDefinitions>
<Border Grid.Row="0" Grid.Column="0">
    <Viewbox>
        <StackPanel>
            <Label Content="{Binding OutputVoltage}" />
            <Label Content="v" />
        </StackPanel>
    </Viewbox>
</Border>
<Border Grid.Row="1" Grid.Column="0">
    <Viewbox>
        <StackPanel Margin="0,0,0,10">
            <Label Content="{Binding OutputCurrent}" />
            <Label Content="mA" />
        </StackPanel>
    </Viewbox>
</Border>
...Other markup
</Grid>

转换器只是检查布尔值 IsCollapsed 并将 true 转换为“Collapsed”，将 false 转换为“Visible”

当非活动子视图折叠时，剩余的活动子视图不会重新调整大小。当其他子视图折叠时，如何让唯一的活动子视图重新调整大小？我不知道主视图中有多少视图。可以有 1 到 4 个子视图。当然，如果只有1，那么我禁用折叠按钮。如果需要，我可以重构代码以不同的方式创建子视图。

Answer 1

问题是当所有子视图都折叠时，您需要更新ColumnSpan。一种简单的方法是在构造函数 foreach 中为每个子视图添加一个绑定：

subView.SetBinding(Grid.ColumnSpanProperty, new Binding("SubViewColumnSpan"));

现在将属性ColumnSpan SubViewColumnSpan 添加到您的视图模型中。使用HideSubViewsAction 命令将其设置为等于 10（或至少是 Grid 中的列数）。

以上只是一个开始，当然，当另一个子视图重新展开时，您必须将 SubViewColumnSpan 属性设置回 1。

（注意：鉴于随着您的需求变得越来越复杂，这种方法可能会变得乏味繁琐，请考虑设计一个custom Panel 来处理子视图布局。）