第十七章掌握網格（二）

**中的網格

也可以完全用**定義網格，但通常沒有xaml定義的清晰度或有序性。 gridcodedemo程式通過再現******griddemo的布局來演示**方法。

要指定rowdefinition的高度和columndefinition的寬度，可以使用gridlength結構的值，通常與gridunittype列舉結合使用。 gridcodedemopage類頂部的行定義演示了gridlength的變體。不包括列定義，因為它們與預設生成的列定義相同：

public class gridcodedemopage : contentpage
,                new rowdefinition ,
new rowdefinition ,
new rowdefinition }};
// first label (row 0 and column 0).
grid.children.add(new label
);// second label.
grid.children.add(new label
, 1, // left
0); // top
// image element.
grid.children.add(new image
,0, // left
2, // right
1, // top
2); // bottom
// three boxview elements.
boxview boxview1 = new boxview ;
grid.setrow(boxview1, 2);
grid.setcolumn(boxview1, 0);
grid.children.add(boxview1);
boxview boxview2 = new boxview ;
grid.setrow(boxview2, 2);
grid.setcolumn(boxview2, 1);
grid.setrowspan(boxview2, 2);
grid.children.add(boxview2);
boxview boxview3 = new boxview
;grid.setrow(boxview3, 3);
grid.setcolumn(boxview3, 0);
grid.setcolumnspan(boxview3, 2);
grid.children.add(boxview3);
padding = new thickness(0, device.onplatform(20, 0, 0), 0, 0);
content = grid;
}}

該程式顯示了幾種不同的方式將子項新增到網格並指定它們所在的單元格。第乙個label位於第0行和第0列，因此只需將其新增到grid的children集合中以獲取預設的行和列設定：

grid.children.add(new label
);

grid重新定義其children集合為igridlist 型別，其中包含幾個額外的add方法。其中一種add方法允許您指定行和列：

grid.children.add(new label
, 1, // left
0); // top

正如注釋所示，引數實際上被命名為left和top而不是column和row。當您看到指定行和列跨度的語法時，這些名稱更有意義：

grid.children.add(new image
,0, // left
2, // right
1, // top
2); // bottom

這意味著子元素在左邊開始但在右邊之前結束 - 換句話說，第0列和第1列。它佔據從頂部開始但在底部之前結束的行，即第1行。右邊的引數必須總是大於左，底部引數必須大於頂部。如果沒有，grid會丟擲argumentoutofrangeexception。

igridlist 介面還定義了addhorizontal和addvertical方法，以將子項新增到單行或單列grid。在進行這些呼叫時，grid會按列或行進行擴充套件，以及在子項上自動分配grid.column或grid.row設定。您將在下一部分中看到此工具的用途。

在**中將子項新增到grid時，也可以顯式呼叫grid.setrow，grid.setcolumn，grid.setrowspan和grid.setcolumnspan。在將子項新增到grid的children集合之前或之後是否進行這些呼叫並不重要：

boxview boxview1 = new boxview ;
grid.setrow(boxview1, 2);
grid.setcolumn(boxview1, 0);
grid.children.add(boxview1);
boxview boxview2 = new boxview ;
grid.setrow(boxview2, 2);
grid.setcolumn(boxview2, 1);
grid.setrowspan(boxview2, 2);
grid.children.add(boxview2);
boxview boxview3 = new boxview
;grid.setrow(boxview3, 3);
grid.setcolumn(boxview3, 0);
grid.setcolumnspan(boxview3, 2);
grid.children.add(boxview3);

第十七章掌握網格（二）

第十七章 Size Classes

第十七章部署

第十七章包

第十七章 掌握網格（二）

第十七章 Size Classes

第十七章 部署

第十七章 包

相關推薦

第十七章掌握網格（二）

第十七章部署

第十七章包