WEB开发网
开发学院图形图像Flash 使用布局管理 阅读

使用布局管理

 2008-10-03 11:31:35 来源:WEB开发网   
核心提示: Grid面板Grid 控件是最灵活的布局面板,它支持用多行和多列的方式排布控件,使用布局管理(3),在概念上,它和 HTML 里的 Table (表格)类似,可以让 Grid 的行列按相对比例的方式排放(如:你可以指定第二行的尺寸为第一行的2倍),你会发现 Grid 提供了非常多的功能和灵

Grid面板

Grid 控件是最灵活的布局面板,它支持用多行和多列的方式排布控件。在概念上,它和 HTML 里的 Table (表格)类似。

不同于 Table 的是,你不需要将控件内嵌到行/列元素中,而是通过定义 <Grid.RowDefinitions> 和 <Grid.ColumnDefinitions> 属性来定义 Grid 的行和列。这两个属性需要定义在 <Grid> 标签内。这样之后,你就可以在其中的控件上,用 XAML 的“附加属性”语法指定它属于哪一行、哪一列。

比如,我们可以用如下语法定义3行3列的 Grid 布局,然后在其中放置4个按钮:

使用布局管理

以上代码会按下图方式排布按钮:

使用布局管理

除了支持绝对尺寸定义(如:Height="60"),Grid 的 RowDefinition 和 ColumnDefinition 控件还支持自动改变大小的模式(Height="Auto"),这样会根据其中内容的尺寸自动改变 Grid 或 Row 的尺寸(你也可以指定最大或最小尺寸限制)。

Grid 的 Row 和 ColumnDefinitions 还支持叫做 "Proportional Sizing" (按比例缩放)的特性。用这个特性,可以让 Grid 的行列按相对比例的方式排放(如:你可以指定第二行的尺寸为第一行的2倍)。

你会发现 Grid 提供了非常多的功能和灵活性 - 而它也许会成为你最终最常用的布局面板控件。

用布局面板排布我们的 Digg 页面

我们创建 Digg 例子的目标,是得到最终看起来像下图的页面:

上一页  1 2 3 4 5 6  下一页

Tags:使用 布局 管理

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接