WPF明星做什么（宽度=“ 100 *”）

111

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

234

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

第1列：1.5 *，第2列1 *（暗示）

您可以将自动调整宽度和固定宽度与*（比例）宽度混合使用；在这种情况下，*列会在计算自动调整和固定宽度后分配给其余部分-

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

在此处输入图片说明

— 爱德华
source

30

如果您有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"/>

希望有帮助！

— 马克·卡彭特
source

8

我们以下面的例子.....

一个网格，共有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倍。

— 里金·帕特尔
source

3

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

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

— 戴夫
source