Flex Gumbo中如何通过orientation属性设置FxList布局的例子
By Minidxer | July 30, 2009
接下来的Flex Gumbo中如何通过orientation属性,设置FxList布局。
下面是main.mxml:
- <?xml version="1.0" encoding="utf-8"?>
- <FxApplication name="FxList_layout_TileLayout_orientation_test"
- xmlns="http://ns.adobe.com/mxml/2009">
- <Declarations>
- <ArrayList id="arrList1">
- <Image source="images/ai_appicon-tn.gif" />
- <Image source="images/air_appicon-tn.gif" />
- <Image source="images/cf_appicon-tn.gif" />
- <Image source="images/dw_appicon-tn.gif" />
- <Image source="images/fl_appicon-tn.gif" />
- <Image source="images/fl_player_appicon-tn.gif" />
- <Image source="images/fw_appicon-tn.gif" />
- <Image source="images/fx_appicon-tn.gif" />
- </ArrayList>
- </Declarations>
- <Form>
- <FormItem label="orientation:">
- <DropDownList id="dropDownList" width="100">
- <dataProvider>
- <ArrayList source="[columns,rows]" />
- </dataProvider>
- </DropDownList>
- </FormItem>
- <FormItem>
- <FxList id="list1"
- dataProvider="{arrList1}"
- skinClass="skins.CustomFxListSkin"
- horizontalCenter="0"
- verticalCenter="0">
- <layout>
- <TileLayout columnCount="3"
- rowCount="2"
- horizontalGap="0"
- verticalGap="0"
- orientation="{dropDownList.selectedItem}" />
- </layout>
- </FxList>
- </FormItem>
- </Form>
- </FxApplication>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
FxList, Gumbo |
No Comments » |
Tags: Gumbo, orientation