mx.controls
HorizontalList クラス





HorizontalList クラス
extends mx.controls.listclasses.ItemListHorizontalList コントロールには、アイテムの横並びのリストが表示されます。通常は水平スクロールバーを含みます。水平スクロールバーは、リスト内のすべてのアイテムにアクセスするために使用されます。オプションの垂直スクロールバーは、リストアイテムが垂直方向に収まらない場合に、ユーザーがアイテムを表示するために使用します。multipleSelection プロパティの値に応じて、ユーザーはリストから単一または複数のアイテムを選択できます。
MXML シンタックス
<mx:HorizontalList> タグは、親クラスのすべてのプロパティと、次のプロパティを継承します。
<mx:HorizontalList
alternatingItemColors="No default."
change="Event handler; no default."
rollOverColor="No default."
selectionColor="No default."
selectionEasing="No default."
textRollOverColor="0x2B333C"
textSelectedColor="0x05F33"
columnCount="7"
itemWidth="No default."
/>
例を参照するにはここをクリックしてください
columnCount
columnCount:Number
HorizontalList に表示される列の数です。このプロパティは明示的に設定するか、HorizontalList によってコントロールの幅と itemWidth に基づいて計算されます。
itemWidth
itemWidth:Number
列の幅です (ピクセル単位)。列の幅はすべて同じである必要があります。指定しない場合は、適切なデフォルト値が設定されます。
version
static version:String
このクラスのバージョンを表すストリングです。
| HorizontalListExample.mxml |
<?xml version="1.0"?>
<!-- HorizontalList コントロールの使用方法を示す簡単な例 -->
<mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml" backgroundColor="#FFFFFF">
<mx:Script>
<![CDATA[
[Embed(source="FlexLogo.gif")]
var iconSymbol1:String;
[Embed(source="shockwave.gif")]
var iconSymbol2:String;
[Embed(source="breeze.png")]
var iconSymbol3:String;
[Embed(source="flash.png")]
var iconSymbol4:String;
]]>
</mx:Script>
<mx:Panel title="Horizontal List Panel" marginTop="10">
<mx:HorizontalList id="SoftwareSelection" columnCount="4" itemWidth="150">
<mx:dataProvider>
<mx:Array>
<mx:Object label="Macromedia Flex" icon="{ iconSymbol1 }"/>
<mx:Object label="Macromedia Shockwave" icon="{ iconSymbol2 }"/>
<mx:Object label="Macromedia Breeze" icon="{ iconSymbol3 }"/>
<mx:Object label="Macromedia Flash" icon="{ iconSymbol4 }"/>
</mx:Array>
</mx:dataProvider>
</mx:HorizontalList>
</mx:Panel>
</mx:Application>
|