日期:2014-05-16  浏览次数:20824 次

Windows phone8 基础篇(三)常用布局(一)

             广告:我开设了一个群300143953。刚建的群,所以还没人。希望有兴趣的可以来一起努力。

布局管理是从一个整体的角度去把握手机应用的界面设计,一个良好的UI界面,会使用户得到非凡的体验。在一个手机应用程序的界面布局中,主要有GridCanvasStackPanel,并且他的根节点必须是一个容器,然后在容器中才能摆放。我测试了一下,如果把那些容器都给删掉,那么最终只能显示一个控件,其他下层控件都被覆盖。那么在windows phone中常见的布局有哪些呢?

网络布局(Grid容器):按照行列方式布局程序的UI,定义一个区域,再次区域内,用户可以使用相对于Canvas区域的坐标显示子元素;

绝对布局(Canvas容器):按照绝对坐标来布局程序的UI界面;

堆放布局(StackPanel容器):按照垂直或者水平的方式布局文件;

枢轴视图布局(pivot控件):通过类似页面标签方式在一个页面展示多个视图;

全景视图布局(panorama控件):通过左右滑动的方式在一个页面显示多个视图。

用户可以根据自己应用的实际情况来选择布局的容器。也可以使用组合模式。

5.1 网络布局(Grid容器)

网络布局是一个类似于网页中的table标签,它定义了一个表格,然后设置表格里边的行列,在HTML中时根据trtd来表示列和行。而Grid通过Grid.RowGrid.ColumnGrid.RowSpan,Grid.ColumnSpan来决定列和行的大小位置.

silverlightGrid进行布局的时候,需要先指定Grid的行和列,它是先指定后使用。

Grid属性

1.RowDefinitionsColumnDefinitions

这两个属性是用来指定Grid控件的行数和列数,内部嵌套几个Definition