[Win8]Windows8开发札记（二）：三种基础的布局控件

[Win8]Windows8开发笔记（二）：三种基础的布局控件

布局控件对于用户体验来说至关重要，下面就来体验一下Windows8的应用商店项目开发中的几种常用布局吧。

新建一个项目叫做LayoutTest来做测试。

一：Grid网格布局控件

新建一个空白xaml页面，命名为：GridLayout.xaml。

里面写上如下代码：

这样只是简单的创建了格子布局，为了让效果更明显一点，我们把每个格子都填充上颜色，完整代码如下：



二：Canvas画布布局
作用：定义一个区域可以使用相对于该区域的坐标直接定位子元素。
给工程添加一个新的空白xaml文件，叫做CanvasLayout.xaml。
完整的代码如下：


三、StackPanel排列布局控件
作用：将子元素排列成一行（可沿水平或垂直方向）
再添加一个空白页，命名为“StackPanelLayout.xaml”，然后把原来的Grid标签删除，在Page标签内添加如下代码：
 private void Change(object sender, RoutedEventArgs e)        {            ///更改Stackpanel控件的内部排列方式            if (stackpanel.Orientation == Orientation.Horizontal)            {                stackpanel.Orientation = Orientation.Vertical;            }            else            {                stackpanel.Orientation = Orientation.Horizontal;            }        }

打开App.xaml.cs，找到下面这几句代码，把typeof括号里的MainPage改成StackPanelLayout，这里的意思就是应用启动时候显示的页面。
运行一下，便可以看到风骚的效果了。