网格布局#

1"ui";
2
3ui.layout(
4    <vertical>
5        <grid id="iconsGrid" spanCount="3" h="auto">
6            <img src="@drawable/{{this}}" h="80" margin="12" bg="?selectableItemBackgroundBorderless" />
7        </grid>
8        <grid id="checkboxGrid" spanCount="2" h="auto">
9            <checkbox id="rb1" text="{{this}}" />
10        </grid>
11    </vertical>
12);
13
14var iconsGrid = ["ic_3d_rotation_black_48dp", "ic_accessibility_black_48dp", "ic_accessible_black_48dp", "ic_account_balance_black_48dp"];
15var checkboxGrid = ["多选1", "多选2", "多选3", "多选4", "多选5"];
16
17ui.iconsGrid.setDataSource(iconsGrid);
18ui.checkboxGrid.setDataSource(checkboxGrid);