WPF 布局控件 Grid表格

2024-06-17 20:48
hadoop, wpf, 分布式, 大数据
30人已看

介绍

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

常用的属性

        Grid.Row: 指定子元素所在的行。
        Grid.Column: 指定子元素所在的列。
        Grid.RowSpan 跨几行
        Grid.ColumnSpan 跨几列
        RowSpacing: 设置或获取行之间的空间。
        ColumnSpacing: 设置或获取列之间的空间。
        Margin: 设置或获取网格的外边距。
        Padding: 设置或获取网格的内边距。
        定义行数 2 行
        <Grid.RowDefinitions>
        <RowDefinition/>
        <RowDefinition/>
        </Grid.RowDefinitions>
        定义列数 2列
        <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition/>
        </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>