WPF网格布局

_Csharp

已于 2024-04-11 11:26:55 修改

阅读量367

点赞数 1

分类专栏： WPF 文章标签：前端 c# wpf

于 2024-04-11 11:25:36 首次发布

本文链接：https://blog.csdn.net/qq_3517289697/article/details/137631668

版权

WPF 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

本文详细介绍了WPF中的Grid布局容器，包括如何自定义列宽和行高，以及如何使用Grid.Row和Grid.Column属性。通过实例展示了如何设置网格标签和创建网格布局。

摘要由CSDN通过智能技术生成

1介绍:

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

2：网格标签Grid.ColumnDef

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

3：使用布局的属性

Grid.Row="1" 位置在第二行
Grid.Column = "0" 位置在第一列

实例:

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