WPF —— Grid网格布局

1 :Grid网格布局简介

Grid为WPF中最常用的布局容器, 作为View中的主要组成部分, 负责框架中整体的页面布局。

2:网格标签Grid.ColumnDef

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

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

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

3 :关于Grid的实例

ShowGridLines="True" ShowGridLines为True显示标签线,为false则相反

如下占比200

Width = * 时

cs 复制代码
<Grid ShowGridLines="True">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"></ColumnDefinition>
        <ColumnDefinition Width="*"></ColumnDefinition>
    </Grid.ColumnDefinitions>

则按比例平分界面

反之高也一样

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

如果将Row设为1 Column设为0那么则显示到第二行第一列

效果如下

相关推荐
当下就是最好10 小时前
WPF应用程序的生命周期-笔记
wpf
九鼎科技-Leo1 天前
什么是 WPF 中的依赖属性?有什么作用?
windows·c#·.net·wpf
麻花20131 天前
C#之WPF的C1FlexGrid空间的行加载事件和列事件变更处理动态加载的枚举值
开发语言·c#·wpf
lcintj1 天前
【WPF】Prism学习(九)
学习·wpf·prism
界面开发小八哥1 天前
界面控件DevExpress WPF中文教程:网格视图数据布局的列和卡片字段
wpf·界面控件·devexpress·ui开发·用户界面
△曉風殘月〆1 天前
如何在WPF中嵌入其它程序
wpf
Crazy Struggle1 天前
功能齐全的 WPF 自定义控件资源库(收藏版)
.net·wpf·ui控件库
shepherd枸杞泡茶2 天前
WPF动画
c#·.net·wpf
lcintj2 天前
【WPF】Prism学习(十)
学习·wpf·prism
wyh要好好学习2 天前
WPF数据加载时添加进度条
ui·wpf