wpf - XAML ColumnDefinition 中 *(星号)的含义是什么？

Question

下面的 XAML 中 *(星号)的含义是什么？

<ColumnDefinition Width="0.07*"/>
<Grid Height="100" HorizontalAlignment="Left" 
      Margin="102,134,0,0" 
      Name="grid1" VerticalAlignment="Top" 
      Width="354">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="40*" />
        <ColumnDefinition Width="314*" />
    </Grid.ColumnDefinitions>
</Grid>

Answer 1

在 WPF 网格中定义列时，可以将宽度设置为三个可能值之一:

• 固定宽度，
• 自动 – 列将根据需要变得尽可能宽以适合其子项，或者
• *(星号)占用任何可用的剩余空间

* 以数字为前缀(如果未指定数字，则默认为 1)。可用空间按照前缀数的比例分配到加星标的列中。

如果你有这个定义

<Grid.ColumnDefinitions>
  <ColumnDefinition Width="0.07*"/>
  <ColumnDefinition Width="0.93*"/>
</Grid.ColumnDefinitions>

第一列将获得可用总空间的 7%，第二列将获得 93%。另一方面，如果您有这样的定义:

<Grid.ColumnDefinitions>
  <ColumnDefinition Width="0.07*"/>
  <ColumnDefinition Width="0.14*"/>
</Grid.ColumnDefinitions>

第一列将获得 1/3 的可用空间，第二列将获得 2/3 的可用空间。

<小时/>

在您的特定情况下，网格的宽度为 354，两列的比例分别为 40 和 314，您将得到以下列宽:

First column width = 40/(40 + 314)*354 = 40
Second coulmn width = 314/(40 + 314)*354 = 314

The star width is best used when the width of the grid isn't fixed. When the grid is resized the columns will then scale proportionally as specified by the star widths. In your case the width of the grid is fixed and you could just as easily have used fixed width columns.

If you want a layout where the second column is double the width of the first and the third column is triple the width of the first you need this definition:

<Grid.ColumnDefinitions>
  <ColumnDefinition Width="*"/>
  <ColumnDefinition Width="2*"/>
  <ColumnDefinition Width="3*"/>
</Grid.ColumnDefinitions>

如果网格的总宽度为 300，则列宽为 50、100 和 150。如果网格的总宽度为 600，则列宽为 100、200 和 300。依此类推。