#467 – 使用UniformGrid 均分行和列(Use a UniformGrid for Evenly Spaced Rows and Columns)

原文 #467 – 使用UniformGrid 均分行和列(Use a UniformGrid for Evenly Spaced Rows and Columns)

UniformGrid 布局面板和Grid 面板相似，将子元素按照行列的方式排列。但是可以Grid 有一下不同：

- 不需要指定行和列的大小

- 所有列都是相同的宽度

- 所有行都是相同的高度

- 要指定预期的行和列的数目

- 不需要给子元素指定所在的行和列

子元素将自动的根据添加是顺序从第一行开始显示在对应的行和列中，每样都是从左至右。

[html] view plaincopy

<UniformGrid Rows="2" Columns="3">
<Label Content="1st" Background="Azure" />
<Label Content="2nd" Background="Moccasin"/>
<Label Content="3rd" Background="DarkSeaGreen"/>
<Label Content="4th" Background="Violet" />
<Label Content="5th" Background="Pink" />
</UniformGrid>

UniformGrid 中的第一个子元素不一定必须在第一行第一个单元格。设置FirstColumn 属性可以设置子元素显示的起始列（最小为0）。

[html] view plaincopy

<UniformGrid Rows="5" Columns="7" FirstColumn="3" >
<Border BorderBrush="Black" BorderThickness="1"><Label Content="1"/></Border>
<Border BorderBrush="Black" BorderThickness="1"><Label Content="2"/></Border>
<Border BorderBrush="Black" BorderThickness="1"><Label Content="3"/></Border>
</UniformGrid>

从上面可以看到，当设置FirstColumn 属性值为3的时候，第一个元素显示在第一行的第3列（从0开始）。

如果想改变子元素每一行的排列的方向，可以设置UniformGrid 的FlowDirection 属性。其值可以是LeftToRight（默认）从左往右，也可以是RightToLeft 从右往左。

下面的代码设置FlowDirection 属性为RightToLeft

[html] view plaincopy

<UniformGrid Rows="2" Columns="4" FlowDirection="RightToLeft">
<Label Content="1" Background="AliceBlue"/>
<Label Content="2" Background="Cornsilk"/>
<Label Content="3" Background="DarkSalmon"/>
<Label Content="4" Background="Gainsboro"/>
<Label Content="5" Background="LightBlue"/>
<Label Content="6" Background="MediumAquamarine"/>
<Label Content="7" Background="MistyRose"/>
</UniformGrid>

原文地址：https://wpf.2000things.com/2012/01/06/467-use-a-uniformgrid-for-evenly-spaced-rows-and-columns/

posted on 2018-05-17 00:44 NET未来之路阅读(...) 评论(...) 编辑收藏

转载于:https://www.cnblogs.com/lonelyxmas/p/9048982.html

#467 – 使用UniformGrid 均分行和列(Use a UniformGrid for Evenly Spaced Rows and Columns)相关推荐

Excel VBA:引用行和列——Rows属性和Columns属性
操作方法:引用行和列可用 Rows 属性或 Columns 属性来处理整行或整列.这两个属性返回代表单元格区域的 Range 对象.在下例中,Rows(1) 返回 Sheet1 上的第一行,然后将区 ...
Algs4-1.1.13编写一段代码，打印出一个M行N列的二维数组的转置(交换行和列）
1.1.13编写一段代码,打印出一个M行N列的二维数组的转置(交换行和列). public class Test { public static void main(String[] arg ...
pandas使用transpose函数对dataframe进行转置、将dataframe的行和列进行互换（flip the rows and columns in dataframe）
pandas使用transpose函数对dataframe进行转置.将dataframe的行和列进行互换(flip the rows and columns in dataframe) 目录
pandas drop 删除行和列的方法
pandas drop 删除行和列的方法文章目录 pandas drop 删除行和列的方法删除行按行索引删除删除单行删除多行删除列按列索引删除(列本来是没有索引的,用df.columns ...
pandas中如何选取某几列_pandas 选取行和列数据的方法
本文介绍在 pandas 中如何读取数据行列的方法.数据由行和列组成,在数据库中,一般行被称作记录 (record),列被称作字段 (field).回顾一下我们对记录和字段的获取方式:一般情况下,字段 ...
c语言：将一个二维数组行和列的元素互换，存到另一个二维数组中。
将一个二维数组行和列的元素互换,存到另一个二维数组中. 解:程序: #include<stdio.h> int main() { int i, j, a[2][3] = { {1,2,3} ...
动态隐藏ALV的行和列
本例和行列例程转换不同,内表结构是固定的,仅仅是通过ALV的fieldcat和Filter来隐藏/显示ALV的行和列列: FORM changefield . LOOP AT gt_fieldc ...
numpy 若干行和列_Numpy的轴，pandas的行和列
使用幕布做了一系列详细笔记请点击: 高维ndarray的轴轴编号和索引傻傻分不清楚很多函数需要传入轴编号,非常容易和索引弄混,以3维数组为例,轴有3条,编号分别为 0,1,2 我们制造一个3×3×3 ...
Pandas打印所有行和列(显示所有的行和列)
Pandas打印所有行和列,显示所有的行和列 # 显示所有列 pd.set_option('display.max_columns', None) # # 显示所有行 pd.set_option('d ...
检索数据_1_从表中查询所有行和列
从表中查询所有行和列需求描述需求:检索表里所有行的数据. 解决方法:通过SQL的关键字*来匹配到所有行和列,结合SELECT FROM 即可满足需求. 注: 数据库数据集SQL脚本详见如下链接地址 ...

#467 – 使用UniformGrid 均分行和列(Use a UniformGrid for Evenly Spaced Rows and Columns)

#467 – 使用UniformGrid 均分行和列(Use a UniformGrid for Evenly Spaced Rows and Columns)相关推荐

最新文章

热门文章