WPF 布局控件 Grid表格

baivfhpwxf20232024-06-24 11:32

介绍

Grid表格布局控件，在WPF项目的界面布局中非常常用。主要是以行列进行元素控制的。

常用的属性

Grid.Row: 指定子元素所在的行。

Grid.Column: 指定子元素所在的列。

Grid.RowSpan 跨几行

Grid.ColumnSpan 跨几列

RowSpacing: 设置或获取行之间的空间。

ColumnSpacing: 设置或获取列之间的空间。

Margin: 设置或获取网格的外边距。

Padding: 设置或获取网格的内边距。

定义行数 2 行

<Grid.RowDefinitions>

</Grid.RowDefinitions>

定义列数 2列

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

示例代码

复制代码

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition/>
        <RowDefinition Height="45"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition Width="220"/>
    </Grid.ColumnDefinitions>
    <!--Grid.ColumnSpan 跨2列-->
    <vm:VmRenderControl Grid.Row="0" Grid.Column="0" 
                Grid.ColumnSpan="2" x:Name="vrcRender" />

    <!--Grid.Row="1" Grid.Column="0" 将按钮放在第二行第一列的单元格中-->
    <Button Grid.Row="1" Grid.Column="0" x:Name="btnGetResult" Click="btnGetResult_Click" 
    Content="获取方案结果" Width="200" Height="35" HorizontalAlignment="Left"/>
    <!--Grid.Row="1" Grid.Column="1" 将按钮放在第二行第二列的单元格中-->
    <Button Grid.Row="1" Grid.Column="1" Name="btnRun" Click="btnRun_Click" 
    Content="运行" Width="200" Height="35" HorizontalAlignment="Left"/>
</Grid>