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 尺寸的行或列 |
)
函數高級用法)
