Grid 的 SharedSizeGroup 和 * sizing [英] Grid's SharedSizeGroup and * sizing
问题描述
我有一个用户控件,称为 UserControl
,它有一个包含以下列定义的网格:
I have a user control, call it UserControl
, that has a grid with the following column definitions:
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" SharedSizeGroup="A"/>
<ColumnDefinition Width="Auto" SharedSizeGroup="B"/>
<ColumnDefinition Width="*" SharedSizeGroup="C"/>
<ColumnDefinition Width="Auto" SharedSizeGroup="D"/>
<ColumnDefinition MinWidth="30" Width="*" SharedSizeGroup="E"/>
<ColumnDefinition MinWidth="30" Width="*" SharedSizeGroup="F"/>
<ColumnDefinition Width="110" SharedSizeGroup="G"/>
<ColumnDefinition MinWidth="30" Width="Auto" SharedSizeGroup="H"/>
<ColumnDefinition MinWidth="30" Width="Auto" SharedSizeGroup="I"/>
<ColumnDefinition MinWidth="30" Width="Auto" SharedSizeGroup="J"/>
<ColumnDefinition MinWidth="30" Width="Auto" SharedSizeGroup="K"/>
<ColumnDefinition MinWidth="30" Width="Auto" SharedSizeGroup="L"/>
</Grid.ColumnDefinitions>
我还有 MainWindow
,它包含一个网格本身,在网格上定义了以下属性:
I also have MainWindow
, which contains a grid itself, with the following property defined on the grid:
Grid.IsSharedSizeScope="True"
现在,我在 MainWindow
的网格中添加了几个 UserControl(每个到一个单独的行).我的目标是让不同用户控件的每个列宽保持同步.使用 SharedSizeGroup
时一切正常,除了一件事.似乎任何宽度为 *
的列都没有表现出应有的行为.看起来 *
列的宽度设置为 Auto
.
Now, I added a couple of UserControls to the grid in MainWindow
(each to a separate row). My goal is to have each of the column widths of the different UserControls to remain in sync. Everything works fine when using SharedSizeGroup
except for one thing. It seems that any column with a Width of *
does not behave as it should. It looks like the *
column widths are set as if they were Auto
instead.
SharedSizeGroup
和 *
大小是否有任何限制/问题?这似乎是保持列宽同步的最佳方式,但我似乎无法解决这个问题.
Are there any limitations/issues with SharedSizeGroup
and *
sizing? This seems like the best way to keep the column widths in sync but I can't seem to fix this.
谢谢.
推荐答案
DefinitionBase.SharedSizeGroup 属性 (Microsoft Docs):
参与的列和行分寸不尊重明星浆纱.在大小共享场景中,星号大小被视为自动
Columns and rows that participate in size-sharing do not respect Star sizing. In the size-sharing scenario, Star sizing is treated as Auto
如果您使用星号,则所有列的宽度都相同,因此如果您不介意自动调整大小,则应将相同的 SharedSizeGroup
分配给所有列:
If you use star then all columns would be the same width, so you should assign the same SharedSizeGroup
to all if you do not mind the auto-sizing aspect:
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" SharedSizeGroup="A"/>
<ColumnDefinition Width="Auto" SharedSizeGroup="B"/>
<ColumnDefinition Width="*" SharedSizeGroup="StarDontWork"/>
<ColumnDefinition Width="Auto" SharedSizeGroup="D"/>
<ColumnDefinition MinWidth="30" Width="*" SharedSizeGroup="StarDontWork"/>
<ColumnDefinition MinWidth="30" Width="*" SharedSizeGroup="StarDontWork"/>
<ColumnDefinition Width="110" SharedSizeGroup="G"/>
<ColumnDefinition MinWidth="30" Width="Auto" SharedSizeGroup="H"/>
<ColumnDefinition MinWidth="30" Width="Auto" SharedSizeGroup="I"/>
<ColumnDefinition MinWidth="30" Width="Auto" SharedSizeGroup="J"/>
<ColumnDefinition MinWidth="30" Width="Auto" SharedSizeGroup="K"/>
<ColumnDefinition MinWidth="30" Width="Auto" SharedSizeGroup="L"/>
</Grid.ColumnDefinitions>
(根据此行为,您还可以在设置 SharedSizeGroup
时删除 Width
属性)
(From this behavior it also follows that you can drop the Width
property when SharedSizeGroup
is set)
您可以推断,如果所有自动调整大小的列都在共享大小组中,那么所有调整大小的列都将具有相同的大小,因为范围内的每个网格都将具有相同数量的未使用空间,这些空间将分配给星号- 大小的列.
You can deduce that if all auto-sizing columns are in shared size groups then all star-sizing columns will have the same sizes as every grid in scope will have the same amount of unused space left that will be distributed to the star-sized columns.
一个简单的例子:
<Grid.ColumnDefinitions>
<ColumnDefinition SharedSizeGroup="A"/>
<ColumnDefinition SharedSizeGroup="B" Width="*"/>
<ColumnDefinition SharedSizeGroup="C"/>
</Grid.ColumnDefinitions>
正如所解释的,Width="*"
不会做任何事情,但是当列 0
和 2
同步时,列 1
也必须同步,这样你就可以删除 SharedSizeGroup
:
As explained the Width="*"
will not do anything, but as columns 0
and 2
are synched, column 1
has to be synched as well so you can just drop the SharedSizeGroup
:
<Grid.ColumnDefinitions>
<ColumnDefinition SharedSizeGroup="A"/>
<ColumnDefinition Width="*"/>
<ColumnDefinition SharedSizeGroup="C"/>
</Grid.ColumnDefinitions>
这篇关于Grid 的 SharedSizeGroup 和 * sizing的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!