WPF 星号的作用是什么（宽度=“100*”）

Question

WPF 中大小的星号到底是什么意思？

Answer 1

在 WPF 网格中，Width="*" 或 Height="*" 表示按比例调整大小。
例如：将 30% 分配给第 1 列，将 70% 分配给第 2 列 -

<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

• Auto ：列根据其内容调整大小。 （第二列有宽度为 100 的按钮）

• * ：第一列宽度是第三列的 3 倍。

Answer 4

此外，如果“*”是单位大小的元素，则可以省略它。因此，使用 Pwninstein 的代码示例，它就是：

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