#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 plain copy

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

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

[html] view plain copy

  1. <UniformGrid Rows="5" Columns="7" FirstColumn="3" >
  2. <Border BorderBrush="Black" BorderThickness="1"><Label Content="1"/></Border>
  3. <Border BorderBrush="Black" BorderThickness="1"><Label Content="2"/></Border>
  4. <Border BorderBrush="Black" BorderThickness="1"><Label Content="3"/></Border>
  5. <!-- etc -->
  6. </UniformGrid>


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

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

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

[html] view plain copy

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

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

原文地址:https://www.cnblogs.com/lonelyxmas/p/9048982.html

时间: 2024-10-08 20:42:39

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

示例-创建表格-指定行列&amp;删除表格的行和列

<body> <script type="text/javascript"> /* *上面的方法和你麻烦.*既然操作的是表格,*那么最方便的方式就是使用表格节点对象的方法.* *表格是由行组成.表格节点对象中insertRow方法就完成了创建行并添加的动作.* *行是有单元格组成.通过tr节点对象的insertCell来完成.*/function crtTable(){ var oTabNode = document.createElement("ta

jQuery如何获取表格的指定行和列

jQuery如何获取表格的指定行和列:在堆表格进行操作的时候往往要获取指定的行和咧,也就是需要进行精确的定位,本章节就简单的介绍一下如何实现此功能.一.获取指定的行:由于代码比较简单,这里就不给出完整的代码了,只给出代码片段:1.为表格最后一行单元格添加一个class类. $("#mytable tr:last").find("td").addClass("setcolor") 2. 为表格第一个行单元格添加一个class类. $($("

javascript动态创建表格:新增、删除行和列

转载:http://www.cnblogs.com/pato/archive/2009/09/02/1559068.html 利用js来动态创建表格有两种格式,appendChild()和insertRow.insertCell().两种方式其实差不多,但第一种有可能在IE上有问题,所以推荐大家使用第二种了,直接说吧. 1.inserRow()和insertCell()函数 insertRow()函数可以带参数,形式如下: insertRow(index):index从0开始 这个函数将新行添加

LeetCode:Set Matrix Zeroes - 将矩阵内含有零的行和列全部置零

1.题目名称 Set Matrix Zeroes(将矩阵内含有零的行和列全部置零) 2.题目地址 https://leetcode.com/problems/set-matrix-zeroes/ 3.题目内容 英文:Given a m x n matrix, if an element is 0, set its entire row and column to 0. 中文:给定一个m×n的矩阵,如果其中一个元素是0,则将该元素所在的整行或整理全部置为0 4.解题方法1 使用第一行和第一列记录某

c语言:将一个二维数组行和列的元素互换,存到另一个二维数组中。

将一个二维数组行和列的元素互换,存到另一个二维数组中. 解:程序: #include<stdio.h> int main() { int i, j, a[2][3] = { {1,2,3},{4,5,6} },b[3][2]; printf("array a:\n"); for (i = 0; i <=1; i++)//处理a数组中的一行中各元素 { for (j = 0; j <= 2; j++)//处理a数组中的某一列元素 { printf("%5

POI教程之第二讲:创建一个时间格式的单元格,处理不同内容格式的单元格,遍历工作簿的行和列并获取单元格内容,文本提取

第二讲 1.创建一个时间格式的单元格 Workbook wb=new HSSFWorkbook(); // 定义一个新的工作簿 Sheet sheet=wb.createSheet("第一个Sheet页"); // 创建第一个Sheet页 //第一个单元格 Row row=sheet.createRow(0); // 创建一个行 Cell cell=row.createCell(0); // 创建一个单元格 第1列 cell.setCellValue(new Date()); // 给

WinForm设置DataGridView某些行和列只读

WinForm设置DataGridView某些行和列的只读 列只读设置比较容易,行只读设置要求将SelectionMode设置为CellSelect,EditMode设置为EditOnEnter . '--DataGridView1控件的初始化设置(在数据绑定前设置,load事件中) Private Sub InitDataGrid1() Me.GridView1.ReadOnly = False '设置非只读 Me.GridView1.SelectionMode = DataGridViewS

JS实现可编辑的表格,双击可编辑,可以删除行和列,增加行和列,重置,导出表格,也可以上下移动元素

JS实现可编辑的表格,双击可编辑,可以删除行和列,增加行和列,重置,导出表格,也可以上下移动元素  原文:JS实现可编辑的表格,双击可编辑,可以删除行和列,增加行和列,重置,导出表格,也可以上下移动元素 源代码下载地址:http://www.zuidaima.com/share/1550463322606592.htm 源代码截图: JS实现可编辑的表格,双击可编辑,可以删除行和列,增加行和列,重置,导出表格,也可以上下移动元素

delphi7 获取dbgrid指定行和列以及取得相应的数据

取得dbgrid选中行的行号 DBGrid2.DataSource.DataSet.RecNo 取得dbgrid选中行指定列的数据 DBGrid2.Fields[0].Value;//第一列 DBGrid2.Fields[1].Value;//第二列 网上有种说法是 假如你用的是 adoquery1那就是adoquery1.fields[0].asstring 如果要取第2列的值,那就是adoquery1.fields[1].asstring 依次类推 如果你用的是 adotable1那就是 a