joel's FLEX blog » HorizontalList http://blog.desizen.com FLEX,网络安全,Linux Fri, 13 May 2011 02:18:31 +0000 en hourly 1 http://wordpress.org/?v=3.3 FLEX例子之横向列表(HorizontalList) http://blog.desizen.com/4lone/527.html http://blog.desizen.com/4lone/527.html#comments Wed, 25 Feb 2009 02:24:51 +0000 joel http://www.joelove.cn/?p=527 这个例子进行的是:UI Controls:ListControls:
文中用到的图片下载地址:点此下载,下载后整个images文件夹放到src目录即可.
简介:
The 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>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/527.html/feed 0