WPF —— Grid网格布局

最新推荐文章于 2025-05-18 14:53:08 发布

小刘同志..

最新推荐文章于 2025-05-18 14:53:08 发布

阅读量1.4k

点赞数 22

CC 4.0 BY-SA版权

分类专栏： WPF 文章标签： wpf

本文链接：https://blog.youkuaiyun.com/lu2023_8_6/article/details/136719595

WPF 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了WPF中Grid布局容器的基础概念，包括ColumnDefinitions和RowDefinitions的使用方法，以及如何设置宽度和高度，特别是*符号在平分空间的应用。通过实例展示了如何根据需要显示或隐藏网格线，并在指定位置放置元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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 = * 时

<Grid ShowGridLines="True">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"></ColumnDefinition>
        <ColumnDefinition Width="*"></ColumnDefinition>
    </Grid.ColumnDefinitions>

则按比例平分界面

反之高也一样

<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>