首页» FLEX »FLEX例子之横向列表(HorizontalList)

FLEX例子之横向列表(HorizontalList)

立即注册PayPal并开始接受信用卡付款。
转载请保持文章完整性!
本文链接地址:http://blog.desizen.com/4lone/527.html
主页:joel's blog

这个例子进行的是: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>

标签:, , ,

与"FLEX例子之横向列表(HorizontalList)"相关的文章:

评论暂缺 »

还没有任何评论。

留下评论

emoticons

Feedback Form