布局元素

 

Canvas

         Canvas是最简单的布局元素，容器内的所有对象都是以绝对位置显示的，如果内部对象没有设置坐标相关的属性，则默认出现在容器的左上角；如果出现多个未指定位置属性的对象，则它们将全部重叠在一起，并按照在文档中出现的顺序依次显示。

         通过在子元素中设置Canvas.Left和Canvas.Top附加属性可以设置子元素相对于容器Canvas左上角的距离。如果页面采用多个Canvas嵌套，则元素的实际坐标回随着父容器而发生相应的变化。

 

StackPanel

         当希望在水平或者垂直方向上按顺序堆叠对象时，StackPanel是不错的选择。开发人员只需要做一些简单的设置，StackPanel内的元素就会自动按照各自在XAML中声明的先后顺序自动排列了。通过StackPanel的Orientation属性，可以指定StackPanel内的元素是水平还是垂直排列。Orientation的可选值有Horizontal（表示水平排列）和Vertical（表示垂直排列）。默认为垂直排列。

 

Grid

         Grid是最强大且灵活的布局元素。Grid表格形式的容器对象，容器内每一个单元格都能独立容纳其他对象。看起来像HTML中的table元素，但是比table更强大。使用Grid布局时，分为两个步骤。

         定义Grid的内部表结构

         如，定义Grid的行列数目，每行每列的宽度或宽度等等。Grid有一个ColumnDefinitions属性，在其中通过ColumnDefinition定义列，有一个RowDefinition属性，在其中通过设置RowDefinition定义行。

         向Grid中添加子元素

         通过在子元素中设置Grid.Row和Grid.Column附加属性指定目标单元格位置，默认情况下这两个属性的值都是0。如果某个子元素需要同时占用多个单元格，就需要通过设置属性Grid.RowSpan和Grid.Columm指定所需空间。