XAML ColumnDefinition 中 *(星号)的含义是什么? [英] What's the meaning of * (asterisk) in XAML ColumnDefinition?

问题描述

下面的XAML中*(星号)是什么意思?

<网格高度="100" Horizo​​ntalAlignment="左"保证金="102,134,0,0"名称="grid1" VerticalAlignment="顶部"宽度=354"><Grid.ColumnDefinitions><ColumnDefinition Width="40*"/><ColumnDefinition Width="314*"/></Grid.ColumnDefinitions></网格>

解决方案

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

• 固定宽度，
• Auto - 列将变得尽可能宽以适合其子项，或
• * (star) 占用任何可用的剩余空间

* 以数字为前缀(如果未指定数字，则默认为 1).可用空间按前缀编号的比例分配给带星号的列.

如果你有这个定义

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

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

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

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

<小时>

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

<前>第一列宽度 = 40/(40 + 314)*354 = 40第二列宽度 = 314/(40 + 314)*354 = 314

当网格的宽度不固定时，最好使用星形宽度.当网格调整大小时，列将按星形宽度指定的比例缩放.在您的情况下，网格的宽度是固定的，您可以轻松地使用固定宽度的列.

如果您想要一个布局，其中第二列的宽度是第一列的两倍，第三列的宽度是第一列的三倍，您需要以下定义:

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

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

What is the meaning of * (asterisk) in the XAML below?

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

解决方案

When you define a column in a WPF grid you can set the width to one of three possible values:

• A fixed width,
• Auto – column will become as wide as necessary to fit its children, or
• * (star) take up any available remaining space

The * is prefixed by a number (default is 1 if no number is specified). The available space is divided among the starred columns in proportion to the prefix number.

If you have this definition

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

The first column will get 7% of the total space available and the second column would get 93%. On the other hand if you had this definition:

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

The first column would get 1/3 and the second 2/3 of the available space.

---

In your specific case where the width of the grid is 354 and the proportions of the two columns are 40 and 314 you get the following column widths:

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>

If the total width of the grid is 300 you get column widths 50, 100 and 150. If the total width of the grid is 600 you get column widths 100, 200 and 300. And so on.

这篇关于XAML ColumnDefinition 中 *(星号)的含义是什么?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！