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>
相关推荐
甜甜不吃芥末3 小时前
Windows 应用程序的 UI 框架:WPF、WinUI 3 和 UWP的差异区别
windows·ui·wpf
潇-xiao4 小时前
进程状态 + 进程优先级切换调度-进程概念(5)
linux·笔记
骁的小小站4 小时前
HDLBits刷题笔记和一些拓展知识(十一)
开发语言·经验分享·笔记·其他·fpga开发
njsgcs5 小时前
ParaCAD 笔记 png 图纸标注数据集
笔记
Andy杨5 小时前
20250710-2-Kubernetes 集群部署、配置和验证-网络组件存在的意义?_笔记
网络·笔记·kubernetes
界面开发小八哥6 小时前
界面组件DevExpress WPF中文教程:Grid - 如何检查节点?
ui·.net·wpf·界面控件·devexpress·ui开发
DKPT6 小时前
Java设计模式之行为型模式(责任链模式)介绍与说明
java·笔记·学习·观察者模式·设计模式
崔高杰7 小时前
微调性能赶不上提示工程怎么办?Can Gradient Descent Simulate Prompting?——论文阅读笔记
论文阅读·人工智能·笔记·语言模型
KhalilRuan8 小时前
Unity Demo——3D平台跳跃游戏笔记
笔记·游戏·unity·游戏引擎
MUTA️9 小时前
《MAE: Masked Autoencoders Are Scalable Vision Learners》论文精读笔记
人工智能·笔记·深度学习·transformer