1. 什么是共性尺寸组？
在 WPF 的 Grid 布局中，SharedSizeGroup 允许多个 Grid 共享同一列或行的尺寸，即使它们属于不同的 Grid 也能保持大小一致。这样可以保证界面元素的对齐性，提高布局的一致性。
SharedSizeGroup 主要用于需要多个 Grid 具有相同列宽或行高的情况，比如多行表单、数据展示等。
2. 如何使用 SharedSizeGroup？
使用 SharedSizeGroup 需要满足以下几个条件：
- 在
Grid的ColumnDefinition或RowDefinition中指定SharedSizeGroup名称。 - 所在的
Grid必须设置IsSharedSizeScope="True"，否则SharedSizeGroup不会生效。
示例代码：
<StackPanel ><!-- 第一个 Grid：显示姓名 --><Grid Grid.IsSharedSizeScope="True"><Grid.RowDefinitions><RowDefinition Height="Auto" /><RowDefinition Height="Auto" /></Grid.RowDefinitions><Grid.ColumnDefinitions><ColumnDefinition SharedSizeGroup="GroupA" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><TextBlockGrid.Column="0"Background="LightBlue"Text="姓名：" /><TextBlockGrid.Column="1"Background="LightGray"Text="张三" /></Grid><!-- 第二个 Grid：显示年龄 --><Grid Grid.IsSharedSizeScope="True"><Grid.RowDefinitions><RowDefinition Height="Auto" /></Grid.RowDefinitions><Grid.ColumnDefinitions><ColumnDefinition SharedSizeGroup="GroupA" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><TextBlockGrid.Column="0"Background="LightBlue"Text="年龄：" /><TextBlockGrid.Column="1"Background="LightGray"Text="25" /></Grid></StackPanel>
- 两个
Grid的第一列都设置了SharedSizeGroup="GroupA"，因此无论各自内容多长，它们都会共享同一宽度。- 每个
Grid都设置了Grid.IsSharedSizeScope="True"，保证共享尺寸生效。
3. Grid.IsSharedSizeScope 的作用
IsSharedSizeScope 属性用于开启共享尺寸的范围。只有在设置为 True 后，Grid 内部的 SharedSizeGroup 才会按照定义共享尺寸。如果不设置该属性，即使列或行定义了 SharedSizeGroup，它们也不会互相同步尺寸。
注意：默认情况下，
IsSharedSizeScope为False，所以需要手动设置为True。
4. 详细示例代码
下面这个示例展示了在一个 StackPanel 中有两个 Grid，并且这两个 Grid 的第一列宽度保持一致：
<StackPanel Grid.IsSharedSizeScope="True"><!-- 第一个 Grid：显示产品名称 --><Grid><Grid.ColumnDefinitions><ColumnDefinition SharedSizeGroup="GroupA" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><TextBlockGrid.Column="0"Background="LightBlue"Text="产品名称：" /><TextBlockGrid.Column="1"Background="LightGray"Text="苹果手机" /></Grid><!-- 第二个 Grid：显示价格 --><Grid><Grid.ColumnDefinitions><ColumnDefinition SharedSizeGroup="GroupA" /><ColumnDefinition Width="Auto" /></Grid.ColumnDefinitions><TextBlockGrid.Column="0"Background="LightBlue"Text="价格：" /><TextBlockGrid.Column="1"Background="LightGray"Text="5000元" /></Grid></StackPanel>
- 两个
Grid中的第一列都属于SharedSizeGroup="GroupA"，因此这两列会共享相同的宽度。- 不论各自的文本内容如何变化，第一列的宽度始终保持一致。
5. 注意事项与适用场景
（1）SharedSizeGroup 仅适用于 Auto 尺寸的行或列
SharedSizeGroup 只能应用于 Width="Auto" 或 Height="Auto" 的情况，不能用于使用 *（星号）分配尺寸的 ColumnDefinition 或 RowDefinition。
错误示例：
<ColumnDefinition SharedSizeGroup="GroupB" Width="*" /> <!-- 无效 -->
（2）适用场景
- 表单布局：确保多个表单项的标签列宽一致，提高界面美观。
- 数据列表：在多
Grid布局的情况下，保持同一列宽度一致性，便于阅读和比较。 - 动态调整界面：当界面布局需要根据内容动态变化时，使用共享尺寸组可保证整体对齐。
（2）SharedSizeGroup 仅适用于 Auto 尺寸的行或列
错误示例：
<Grid Grid.IsSharedSizeScope="True" ShowGridLines="True"><Grid.RowDefinitions><RowDefinition SharedSizeGroup="GroupA" /><RowDefinition /></Grid.RowDefinitions><TextBlockMargin="80"Background="Red"Text="33333dd3333333333333333333333333333333333333333333333" /><Grid Grid.IsSharedSizeScope="True" ShowGridLines="True"><Grid.RowDefinitions><RowDefinition SharedSizeGroup="GroupA" /><RowDefinition /></Grid.RowDefinitions><TextBlockGrid.Row="0"Margin="0,50,0,0"Background="DarkBlue"Text="333333333333333333333333333" /></Grid>
</Grid>外层 Grid
- Grid.IsSharedSizeScope="True"开启了共享尺寸组作用域，这意味着在这个 Grid 内部，设置了同一
SharedSizeGroup名称的行或列将会共享尺寸。内层 Grid
Grid.IsSharedSizeScope="True"内层 Grid 同样开启了共享尺寸组作用域，但要注意：由于它是嵌套在外层 Grid 内部，默认情况下内层 Grid会拥有独立的共享尺寸作用域。也就是说，外层 Grid 中的
GroupA与内层 Grid 中的GroupA不会相互影响，除非它们在同一个共享尺寸作用域中。
关键点与注意事项
-
共享尺寸作用域（IsSharedSizeScope）
外层和内层 Grid 都设置了Grid.IsSharedSizeScope="True"。不过，它们分别拥有自己的共享尺寸作用域，因此外层 Grid 中的GroupA与内层 Grid 中的GroupA不会共享尺寸。如果你的目的是让内外层的行共享同一尺寸，需要将它们置于同一个作用域中（例如，把它们作为同一父容器的直接子元素，并在父容器上设置IsSharedSizeScope="True"）。
6. 总结
| 功能 | 实现方式 |
|---|---|
| 让多个 Grid 共享同一列/行的尺寸 | 在 ColumnDefinition 或 RowDefinition 中设置 SharedSizeGroup 属性 |
| 启用共享尺寸功能 | 设置 Grid.IsSharedSizeScope="True" |
| 使用限制 | 仅适用于 Auto 尺寸的行或列 |
