WPF网格布局

1介绍:

Grid为WPF中最常用的布局容器, 它可以将一个区域分为若干个行或列功用其他组件使用。

2:网格标签Grid.ColumnDef

|------------------------|---------------------------------------------------------|
| Grid | 网格区域 |
| Grid.ColumnDefinitions | 自定义列 只能设置宽度 不能设置高度 |
| ColumnDefinition | 网格布局中列的区域(可以设置宽度,宽度可以是一个具体值 也可以设置*的意思, 把剩余的宽度按照比例进行平分) |
| Grid.RowDefinitions | 自定义行 可以设置高度 但是不能设置高度 |
| RowDefinition | 设置布局中行的区域(高度可以是一个具体值 也可以设置*的意思,把剩余的高度 按照比例进行平分) |

3:使用布局的属性

Grid.Row="1" 位置在第二行

Grid.Column = "0" 位置在第一列

实例:

cs 复制代码
<!--ShowGridLines 是否显示分割线-->
<Grid ShowGridLines ="True">
<!--网络标签-->
<!--一. Grid.ColumnDefinitions 自定义列 只能设置宽度 不能设置高度-->
        <Grid.ColumnDefinitions>
            <!--ColumnDefinition 每一个列可以设置宽度,宽度可以是一个具体指,也可以设置*,*的意思是将剩余的宽度按照比例进行平分-->
            <ColumnDefinition Width="200"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
<!--二. Grid.RowDefinitions自定义行 可以设置高度 不能设置宽度-->
        <Grid.RowDefinitions>
            <RowDefinition Height ="100"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
        </Grid.RowDefinitions>

<!--三. 使用网格布局Grid.Row="1" Grid.Column="0"  第二行第一列-->
    <TextBlock Grid.Row="1" Grid.Column="0" Text="我是一个文本流"></TextBlock>
</Grid>
相关推荐
H尗几秒前
Vue3响应式系统的精妙设计:深入理解 depsLength 与 trackId 的协同艺术
前端·vue.js
Aevget几秒前
DevExpress WinForms v25.1亮点 - 电子表格组件、富文档编辑器全新升级
c#·编辑器·界面控件·devexpress·ui开发·winforms
一个专注写bug的小白猿5 分钟前
.net实现ftp传输文件保姆教程
后端·c#·.net
FuckPatience7 分钟前
WPF TreeView 条目右键命令 ContextMenu按钮绑定命令
wpf
昔人'8 分钟前
html`contenteditable`
前端·html
爱宇阳13 分钟前
npm 常用标签与使用技巧新手教程
前端·npm·node.js
@大迁世界18 分钟前
2025 年该选谁?npm vs yarn vs pnpm
前端·npm·node.js
crary,记忆19 分钟前
简介NPM 和 NPX
前端·学习·npm·node.js
JianZhen✓36 分钟前
现在在本地开发了一些代码A,又有了新需求要紧急开发代码B需要只上线代码B的代码,如何更好的处理这种情况
前端
郝学胜-神的一滴1 小时前
Cesium绘制线:从基础到高级技巧
前端·javascript·程序人生·线性代数·算法·矩阵·图形渲染