<分区>
例如,是否可以有 2 列的网格,并且每列中有不同的行数,比如第一行 4 行,第二行 3 行。
我想要图片上的东西
标签 xaml
<分区>
例如,是否可以有 2 列的网格,并且每列中有不同的行数,比如第一行 4 行,第二行 3 行。
我想要图片上的东西
最佳答案
您不能仅使用一个 Grid
来做到这一点,而是使用多个 Grid
控件、ColumnSpan
和 RowSpan
属性和某种控件,您可以生成这样的“网格”。
<Window x:Class="SOWPF.MainWindow"
...
Title="MainWindow" Height="450" Width="800">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
<RowDefinition/>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<Border Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="2" Margin="4" Background="Orange"/>
<Border Grid.Column="0" Grid.Row="1" Margin="4" Background="Green"/>
<Border Grid.Column="0" Grid.Row="2" Margin="4" Background="Green"/>
<Border Grid.Column="0" Grid.Row="3" Margin="4" Background="Green"/>
<Border Grid.Column="0" Grid.Row="4" Margin="4" Background="Green"/>
<Border Grid.Column="1" Grid.Row="1" Grid.RowSpan="4" Margin="4" Background="Orchid">
<Grid>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<Border Grid.Row="0" Margin="4" Background="DeepSkyBlue"/>
<Border Grid.Row="1" Margin="4" Background="DeepSkyBlue"/>
<Border Grid.Row="2" Margin="4" Background="DeepSkyBlue"/>
</Grid>
</Border>
</Grid>
</Window>
View :
关于xaml - 如何使用 WPF 设计复杂表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56878043/