以編程方式繪制空的mx：grid flex

Question

我想繪制2 * 2 mx：Grid，並在將要動態計算的任何這些單元格上放置一個按鈕。 所以我想創建一個空的2 * 2網格，並用按鈕替換任何一個單元格。

-----------------
|        |       |
------------------
|        |  btn  |
------------------

我該如何完成？

Answer 1

您需要創建網格並保留對單元格的引用（ GridItem實例）。 考慮將以下代碼作為某些類的一部分。

private var cells:Array = [];

private function addGrid(parent:DisplayObjectContainer):void {
    var grid:Grid = new Grid();
    var row1:GridRow = new GridRow();
    grid.addChild(row1);
    var cell11:GridItem = new GridItem();
    row1.addChild(cell11);
    var cell12:GridItem = new GridItem();
    row1.addChild(cell12);
    cells.push(new Array(cell11, cell12));
    var row2:GridRow = new GridRow();
    grid.addChild(row2);
    cell21 = new GridItem();
    row2.addChild(cell21);
    var cell22:GridItem = new GridItem();
    row2.addChild(cell22);
    cells.push(new Array(cell21, cell22));
    parent.addChild(grid);
}

cells是二維數組，可用於訪問需要更改的單元格。 您可以使用Vector類代替Array 。 我之所以使用Array是因為代碼較短。