WPF明星做什么(宽度="100*")

Question

WPF中明星的大小是什么意思？

Answer 1

在WPF网格中,Width="*"或者Height="*"意味着按比例调整大小.
例如:给第1列提供30%,向第2列提供70% -

<ColumnDefinition Width="3*" />
<ColumnDefinition Width="7*" />

行同样 -

<RowDefinition Height="3*" />
<RowDefinition Height="7*" />

数字不必是整数.
如果省略RowDefinition的宽度(ColumnDefinition的高度),则隐含1*.
在此示例中,第1列比第2列宽1.5倍 -

<ColumnDefinition Width="1.5*" />
<ColumnDefinition />

您可以将自动调整和固定宽度与*(比例)宽度混合; 在这种情况下,*列在自动拟合和固定宽度计算后分配给余数 -

<Grid.ColumnDefinitions>
    <ColumnDefinition Width="Auto" />  <!-- Auto-fit to content, 'Hi' -->
    <ColumnDefinition Width="50.5" />  <!-- Fixed width: 50.5 device units) -->
    <ColumnDefinition Width="69*" />   <!-- Take 69% of remainder -->
    <ColumnDefinition Width="31*"/>    <!-- Take 31% of remainder -->
</Grid.ColumnDefinitions>
<TextBlock Text="Hi" Grid.Column="0" />

Answer 2

如果您有2列,如下所示:

<ColumnDefinition Width="10*"/>
<ColumnDefinition Width="*"/>

这意味着第一列比第二列宽10倍.这就像是说"10部分第1列,第1部分第2列".

关于这一点很酷的是,您的列将按比例调整大小.其他选择是:

//Take up as much space as the contents of the column need
<ColumnDefinition Width="Auto"/>
//Fixed width: 100 pixels
<ColumnDefinition Width="100"/>

希望有所帮助!

Answer 3

我们采取以下示例.....

一个网格,有3列,每列包含一个大小为100的按钮.

XAML代码是......

    <Grid x:Name="LayoutRoot" Width="600">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="3*" />
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Button Content="Button" Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="button1" VerticalAlignment="Top" Width="100" />
    <Button Content="Button1" Height="23" HorizontalAlignment="Left" Margin="0,10,0,0" Name="button2" VerticalAlignment="Top" Width="100" Grid.Column="1" />
    <Button Content="Button2" Height="23" HorizontalAlignment="Left" Margin="0,10,0,0" Name="button3" VerticalAlignment="Top" Width="100" Grid.Column="2" />
</Grid>

但实际上它的大小是....

<Grid.ColumnDefinitions>
        <ColumnDefinition Width="375" />
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition Width="125" />
</Grid.ColumnDefinitions>

结论:

网格总大小为600

"自动":列重新调整大小,包含它.(第2列有宽度100的按钮)

"*":第1列宽度是第3列的3倍.