#425–使用SharedSizeGroup在Grid间共享列的大小(SharedSizeGroup Allows Sharing Column Sizes Across Differet Grid)

最新推荐文章于 2024-06-17 16:33:03 发布

Milo米啊米啊米

最新推荐文章于 2024-06-17 16:33:03 发布

阅读量1.4k

点赞数

分类专栏： WPF 文章标签： Grid SharedSizeGroup

WPF 专栏收录该内容

191 篇文章 11 订阅

订阅专栏

你使用ColumnDefinition 的SharedSizeGroup 属性使ListBox中所有的子项的列大小都一样。这是因为列表中的每一项中都有自己Grid实例，并且各个不同的Grid之间共享了列宽。

一个很普通的例子，我们可以在一个窗口中的两个Grid 控件之间共享列宽。

<StackPanel Grid.IsSharedSizeScope="True">
    <Label Content="First grid:" />
    <Grid Margin="10" ShowGridLines="True" Background="AliceBlue">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" SharedSizeGroup="A"/>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
 
        <Label Grid.Column="0" Content="{Binding Thing1}"/>
    </Grid>
 
    <Label Content="Second grid:" />
    <Grid Margin="10" ShowGridLines="True" Background="AliceBlue">
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition Width="Auto" SharedSizeGroup="A"/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
 
        <Label Grid.Column="1" Content="{Binding Thing2}"/>
    </Grid>
 
    <Button Margin="10" Content="Change Thing1" Click="Button_Click" />
</StackPanel>

我们将第一个Grid中的第一个列和第二个Grid中的第二列共享列宽（将他们的SharedSizeGroup 属性值设为一样）。

然后在Thing1中添加字符，是它变宽，发现第二个Grid的第二列也同样变宽了。

原文地址：https://wpf.2000things.com/2011/11/08/425-sharedsizegroup-allows-sharing-column-sizes-across-different-grids/