
转载请保持文章完整性!
本文链接地址:http://blog.desizen.com/4lone/527.html
主页:joel's blog
这个例子进行的是Tourdeflex:UI Controls:ListControls:HorizontalList
文中用到的图片下载地址:点此下载,下载后整个images文件夹放到src目录即可.
简介:
The HorizontalList control displays a horizontal list of items. If there are more items than can be displayed at once, it can display a horizontal scroll bar so the user can access all items in the list.
例子:
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" verticalAlign="top" horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html"> <mx:Panel title="Horizontal List: displays items in a single row" layout="vertical" color="0xffffff" borderAlpha="0.15" paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center"> <mx:HorizontalList id="CameraSelection" height="170" color="0x323232" columnWidth="126" columnCount="3" > <mx:dataProvider> <mx:Array> <mx:Object label="Backpack" icon="@Embed('images/backpack.jpg')"/><!--Object类型的数据--> <mx:Object label="Compass" icon="@Embed('images/compass.jpg')"/> <mx:Object label="Goggles" icon="@Embed('images/goggles.jpg')"/> <mx:Object label="Boots" icon="@Embed('images/boots.jpg')"/> <mx:Object label="Helmet" icon="@Embed('images/helmet.jpg')"/> </mx:Array> </mx:dataProvider> </mx:HorizontalList> </mx:Panel> </mx:Application>
标签:FLEX, HorizontalList, TourDeFlex, 例子
