WPF 布局控件 Grid表格

介绍

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>
相关推荐
李元豪7 分钟前
【行云流水ai笔记】粗粒度控制:推荐CTRL、GeDi 细粒度/多属性控制:推荐TOLE、GPT-4RL
人工智能·笔记
特种加菲猫2 小时前
指尖上的魔法:优雅高效的Linux命令手册
linux·笔记
wuxuanok2 小时前
Web后端开发-分层解耦
java·笔记·后端·学习
wuxuanok3 小时前
Web后端开发-请求响应
java·开发语言·笔记·学习
诗句藏于尽头4 小时前
内网使用rustdesk搭建远程桌面详细版
笔记
蜡笔小电芯4 小时前
【C语言】指针与回调机制学习笔记
c语言·笔记·学习
丰锋ff4 小时前
瑞斯拜考研词汇课笔记
笔记
博睿谷IT99_4 小时前
Hadoop 分布式存储与计算框架详解
wpf
DKPT6 小时前
Java享元模式实现方式与应用场景分析
java·笔记·学习·设计模式·享元模式
KoiHeng9 小时前
操作系统简要知识
linux·笔记