下面简单介绍常见的面板。

一、Grid

1.Grid关于调整行列距离有三种方法:绝对大小,自动大小,比例大小。如下:

<ColumnDefinition Width="100"></ColumnDefinition>
<ColumnDefinition Width="Auto"></ColumnDefinition>
<ColumnDefinition Width="*"></ColumnDefinition>
<ColumnDefinition Width="2*"></ColumnDefinition>

2.LayoutRounding。像素细节问题,可忽略。如果呈现和布局应使用舍入到整像素,则为 true;否则为 false。用例:

<Grid UseLayoutRounding="True">

3.跨行与跨列:RowSpan和ColSpan。用例:

<Button Grid.Row="0" Grid.Column="0" Grid.RowSpan="2">Span Button 1</Button>
<Button Grid.Row="0" Grid.Column="0" Grid.RowSpan="2" Grid.ColumnSpan="2">Span Button 2</Button>

4.分割窗口。添加GridSplitter到Grid。例子:

<Grid>
<Grid.RowDefinitions>
    <RowDefinition></RowDefinition>
    <RowDefinition></RowDefinition>
</Grid.RowDefinitions>