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

WPF中的星号在大小方面到底意味着什么？

如果您有两列，如下所示：

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

这意味着第一列比第二列宽10倍。这就像说“第1栏有10部分，第2栏有1部分。”

很酷的一点是，您的列将按比例调整大小。其他选择包括：

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

//占用列内容所需的空间
//固定宽度：100像素

---

希望有帮助

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

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

---

在WPF网格中，
Width=“*”
或
Height=“*”
表示按比例调整大小。

例如：将30%分配给第1列，将70%分配给第2列-

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

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




行也是如此-

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



数字不必是整数。

如果省略行定义的宽度（列定义的高度），则表示1*。

在本例中，列1比列2宽1.5倍-

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

<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" />



我们举下面的例子

一个网格和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

“自动”：列将根据其包含的内容重新调整大小。（第二列有宽度为100的按钮）

“*”：第一列的宽度是第三列的3倍