我是UWP中的新成员,并且我在oficial doc中提到了一些误解网格RowDefinitions
和ColumnDefinitions
。我必须做一个自定义列表元素,像这样: 使用RowDefinitions和ColumnDefinitions定制xaml布局
但我无法处理它。实际上主要的问题是如何为子视图设置fill_parent属性。
我是UWP中的新成员,并且我在oficial doc中提到了一些误解网格RowDefinitions
和ColumnDefinitions
。我必须做一个自定义列表元素,像这样: 使用RowDefinitions和ColumnDefinitions定制xaml布局
但我无法处理它。实际上主要的问题是如何为子视图设置fill_parent属性。
您可以使用此方法,如您在提及的docs中指出的那样。正如你的img它在垂直中的最后一个元素被描述,所以这种布局将是:
<Grid>
<Grid.RowDefinitions>
<RowDefinition
Height="24" />
<RowDefinition
Height="20" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition
Width="44" />
<ColumnDefinition
Width="*" />
<ColumnDefinition
Width="10" />
</Grid.ColumnDefinitions>
<Rectangle
Fill="Red"
Grid.RowSpan="2"
Grid.Column="0"/>
<Rectangle
Fill="Green"
Grid.Row="0"
Grid.Column="1" />
<Rectangle
Fill="Yellow"
Grid.Row="1"
Grid.Column="1" />
<Grid
Grid.RowSpan="2"
Grid.Column="2">
<Grid.RowDefinitions>
<RowDefinition
Height="*" />
<RowDefinition
Height="*" />
<RowDefinition
Height="*" />
</Grid.RowDefinitions>
<Rectangle
Fill="Gray"
Grid.Row="1"/>
</Grid>
</Grid>
为了简单和清楚我是用Rectangle
填充的空间可以用
width="*"
进行,并在布局小的复杂性可以与网格嵌套系统来处理。 这是开始,而不是您布局的完整解决方案。
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="44"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="44"/>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="10"/>
</Grid.ColumnDefinitions>
<Grid Grid.Row="0" Grid.Column="1">
<Grid.RowDefinitions>
<RowDefinition Height="24"/>
<RowDefinition Height="20"/>
</Grid.RowDefinitions>
</Grid>
</Grid>
THX,它适合我的完美需求 –