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>
相关推荐
kyle~9 分钟前
C++--- override 关键字 强制编译器验证当前函数是否重写基类的虚函数
java·前端·c++
Light6024 分钟前
像素退场,曲线登场:现代响应式 CSS 全家桶 | 领码课堂
前端·css·响应式设计·css函数·布局系统·相对单位·设计令牌
爱生活的苏苏1 小时前
elementUI 表单验证-联动型校验
前端·javascript·elementui
一只小风华~3 小时前
Vue Router 路由元信息(meta)详解
前端·javascript·vue.js
*且听风吟3 小时前
html 实现鼠标滑动点亮横轴
前端·javascript·html
123梦野4 小时前
WPF——动画
wpf
iCoding915 小时前
前端分页 vs 后端分页:技术选型
前端·后端·系统架构
mingtianyihou335 小时前
使用 Service Worker 限制请求并发数
前端
张可爱5 小时前
20251017-Vue2八股文整理(上篇)
前端
FanetheDivine5 小时前
ts中如何描述一个复杂函数的类型
前端·typescript