Grid面板
Grid 控件是最靈活的布局面板,它支持用多行和多列的方式排布控件。在概念上,它和 HTML 里的 Table (表格)類似。
不同于 Table 的是,你不需要將控件內(nèi)嵌到行/列元素中,而是通過定義 <Grid.RowDefinitions> 和 <Grid.ColumnDefinitions> 屬性來定義 Grid 的行和列。這兩個屬性需要定義在 <Grid> 標(biāo)簽內(nèi)。這樣之后,你就可以在其中的控件上,用 XAML 的“附加屬性”語法指定它屬于哪一行、哪一列。
比如,我們可以用如下語法定義3行3列的 Grid 布局,然后在其中放置4個按鈕:
點擊放大
以上代碼會按下圖方式排布按鈕:
除了支持絕對尺寸定義(如:Height="60"),Grid 的 RowDefinition 和 ColumnDefinition 控件還支持自動改變大小的模式(Height="Auto"),這樣會根據(jù)其中內(nèi)容的尺寸自動改變 Grid 或 Row 的尺寸(你也可以指定最大或最小尺寸限制)。
Grid 的 Row 和 ColumnDefinitions 還支持叫做 "Proportional Sizing" (按比例縮放)的特性。用這個特性,可以讓 Grid 的行列按相對比例的方式排放(如:你可以指定第二行的尺寸為第一行的2倍)。
你會發(fā)現(xiàn) Grid 提供了非常多的功能和靈活性 - 而它也許會成為你最終最常用的布局面板控件。
出處:Scott Guthrie 博客中文版
責(zé)任編輯:bluehearts
上一頁 使用布局管理 [2] 下一頁 使用布局管理 [4]
◎進(jìn)入論壇RIA設(shè)計與應(yīng)用版塊參加討論
|