WPF里的布局容器之Grid的使用

最新推荐文章于 2024-07-12 15:07:51 发布

And坚持

最新推荐文章于 2024-07-12 15:07:51 发布

阅读量702

点赞数 7

文章标签： wpf

本文链接：https://blog.csdn.net/didiaodekaifazhe/article/details/136375612

版权

一般是最外层的容器

一、RowDefinitions定义行

<Grid>
    <Grid.RowDefinitions >
        <RowDefinition Height="2*"><!--按照比例，第1行是第2行的2倍-->
        <RowDefinition>
    </Grid.RowDefinitions>
</Grid>

定义行时，可以设置高度，高度设置一般有3种方式：

1、Height="auto“自动适应内部元素的高度

2、Height="100“ 绝对尺寸，固定高度

3、Height="2*“ 按照比例，第1行是第2行的2倍

二、ColumDefinitions定义列

<Grid>
    <Grid.ColumDefinitions>
        <ColumDefinition Width="100">
        <ColumDefinition>
    </Grid.ColumDefinitions>
</Grid>

定义列时，可以设置宽度，宽度设置一般也有3种方式：

1、Width="auto“自动适应内部元素的高度

2、Width="100“ 绝对尺寸，固定高度

3、Width="2*“ 按照比例，第1行是第2行的2倍

三、Grid可以嵌套使用

<Grid>
    <Grid.RowDefinitions >
        <RowDefinition Height="2*"><!--按照比例，第1行是第2行的2倍-->
        <RowDefinition>
    </Grid.RowDefinitions>

    <!-- Grid.Row="0" 意思是把这个Grid放到上面的第1行，行号是从0开始的-->
    <Grid Grid.Row="0">        
        <Grid.ColumDefinitions>
            <ColumDefinition>
            <ColumDefinition>
        </Grid.ColumDefinitions>

         <!-- Grid.Row="1" 意思是把这个Grid放到上面的第2列，列号也是从0开始的-->
        <Grid Grid.Column="1">        
            <Grid.ColumDefinitions>
                <ColumDefinition>
                <ColumDefinition>
            </Grid.ColumDefinitions>        
        </Grid>
    </Grid>
</Grid>

差不多类似下面的表格结构