WPF之UniformGrid使用小记

一. 小记

这边为了以后看的方便,对 UniformGrid 的使用做了一个简单的归纳。UniformGrid 是一种横向的网格分割、纵向的网格分割分别是均等的分割的布局类型,故称为 " 均分布局 "。

二. 一些使用上的特点

1. 各个单元格的大小完全相同,宽与高分别相同;

2. 默认情况下,单元格的数量取决于放入的控件的数量,且单元格一定是行、列数相同,即 1X1、2X2 、3X3 等等的单元格分布;

测试代码如下:

<UniformGrid>
    <Rectangle Fill="Aqua"/>
    <Rectangle Fill="Red"/>
</UniformGrid>

测试结果如下,UniformGrid 中只有两个元素,但是显示成了 2X2 分布:

(重要、常用) 3. UniformGrid 有两个属性,分别是:Columns 和 Rows ,它们是分别用来指定当前的最大列数和最大的行数,如果只设置了其中一个而不设置另外一个的话,那么没有设置的那个默认为 1;在设置的这两个属性的情况下,UniformGrid 不再会按照行、列数相同来分布,而是按照用户指定的 Columns 和 Rows 来分布;

测试代码,我们创建一个 2X3 的 UniformGrid:

<UniformGrid Columns="2" Rows="3">
    <Rectangle Fill="Aqua"/>
    <Rectangle Fill="Red"/>
    <Rectangle Fill="Red"/>
    <Rectangle Fill="Aqua"/>
    <Rectangle Fill="Aqua"/>
    <Rectangle Fill="Red"/>
</UniformGrid>

测试结果如下:

4. 对于 Grid 的属性 Grid.Row 、Grid.Column 和 Grid.RowSpan 、Grid.ColumnSpan 用在 UniformGrid 上会没有任何的效果(虽然可以写上去,因为是附加属性);

测试代码如下:

<UniformGrid>
    <Rectangle Fill="Aqua" Grid.Column="2" Grid.Row="3"/>
    <Rectangle Fill="RoyalBlue"/>
    <Rectangle Fill="RoyalBlue" Grid.ColumnSpan="2"/>
</UniformGrid>

测试结果如下,对于 Grid.Row 、Grid.Column 和 Grid.ColumnSpan、Grid.RowSpan 是无效的:

三. 测试代码下载

代码下载

posted @ 2020-02-09 17:22  霁雪湖上三映月  阅读(10847)  评论(0编辑  收藏  举报