メソッド | プロパティ | エフェクト | イベント | スタイル | フレームあり | フレームなし

mx.controls
HorizontalList クラス

継承を示す線継承を示す線継承を示す線継承を示す線継承を示す線継承を示す線


HorizontalList クラス
extends mx.controls.listclasses.ItemList

HorizontalList コントロールには、アイテムの横並びのリストが表示されます。通常は水平スクロールバーを含みます。水平スクロールバーは、リスト内のすべてのアイテムにアクセスするために使用されます。オプションの垂直スクロールバーは、リストアイテムが垂直方向に収まらない場合に、ユーザーがアイテムを表示するために使用します。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."
/>

を参照するにはここをクリックしてください

メソッド

mx.controls.listclasses.ItemScrollSelectList クラスから継承されるメソッド
addItem   addItemAt   configureScrolling   createChildren   draw   getItemAt   hideDropFeedback   isSelected   layoutChildren   measure   removeAll   removeItemAt   replaceItemAt   resetScrollPositions   setPropertiesAt   setSampleDimensions   showDropFeedback   sortItems   sortItemsBy  

mx.core.ScrollView クラスから継承されるメソッド
childLoaded   createChildren   createChildWithStyles   getViewMetrics   init   layoutChildren   setScrollProperties  

mx.core.View クラスから継承されるメソッド
childLoaded   constructObject2   createChild   createChildren   destroyAllChildren   destroyChild   destroyChildAt   draw   getBorderMetrics   getChildAt   getChildIndex   getViewMetrics   init   layoutChildren   layoutChrome   setChildIndex  

mx.core.UIComponent クラスから継承されるメソッド
drawFocus   getFocus   getFocusManager   setEnabled   setFocus  

mx.core.UIObject クラスから継承されるメソッド
addEventListener   applyProperties   buildDepthTable   commitProperties   constructObject2   createAccessibilityImplementation   createChildAtDepth   createChildren   createClassChildAtDepth   createClassObject   createEmptyObject   destroyObject   dispatchEvent   doLater   draw   drawRect   executeBindings   fillRect   findNextAvailableDepth   getRepeaterItem   getStyle   handleEvent   init   invalidate   invalidateLayout   invalidateProperties   invalidateSize   invalidateStyle   layoutChildren   measure   move   redraw   removeEventListener   setDepthAbove   setDepthBelow   setMask   setSize   setSizeNoLayout   setStyle   swapDepths  



プロパティ
       columnCount:Number
HorizontalList に表示される列の数です。
       itemWidth:Number
列の幅です (ピクセル単位)。
staticversion:String
このクラスのバージョンを表すストリングです。

mx.controls.listclasses.ItemScrollSelectList クラスから継承されるプロパティ
cellRenderer   dataProvider   dataTipField   dataTipFunction   dragEnabled   dropIndicatorSkin   iconField   iconFunction   itemInteriorDimension   itemRenderer   labelField   labelFunction   layout   multipleSelection   sampleItem   selectable   selectedIndex   selectedIndices   selectedItem   selectedItems   showDataTips   value   verticalAlign   visibleItemCount  

mx.core.ScrollView クラスから継承されるプロパティ
className   hPosition   hScrollPolicy   liveScrolling   maxHPosition   maxVPosition   scrollTipFunction   showScrollTips   version   vPosition   vScrollPolicy  

mx.core.View クラスから継承されるプロパティ
baselinePosition   className   numChildren   version  

mx.core.UIComponent クラスから継承されるプロパティ
enabled   errorString   tabEnabled   tabIndex   version  

mx.core.UIObject クラスから継承されるプロパティ
alpha   baselinePosition   className   depth   documentDescriptor   height   heightFlex   id   instanceIndices   isDocument   kStretch   layoutHeight   layoutWidth   maxHeight   maxWidth   minHeight   minWidth   mouseX   mouseY   nestLevel   oldHeight   oldWidth   oldX   oldY   parent   parentApplication   parentDocument   percentHeight   percentWidth   preferredHeight   preferredWidth   repeaterIndices   scaleX   scaleY   styleName   tabEnabled   toolTip   version   visible   width   widthFlex   x   y  



エフェクト

mx.core.UIComponent クラスから継承されるエフェクト
focusInEffect   focusOutEffect  

mx.core.UIObject クラスから継承されるエフェクト
creationCompleteEffect   hideEffect   mouseDownEffect   mouseOutEffect   mouseOverEffect   mouseUpEffect   moveEffect   resizeEffect   showEffect  



イベント

mx.controls.listclasses.ItemScrollSelectList クラスから継承されるイベント
change  itemRollOut  itemRollOver 

mx.core.ScrollView クラスから継承されるイベント
scroll 

mx.core.View クラスから継承されるイベント
childCreated  childDestroyed  childIndexChanged 

mx.core.UIComponent クラスから継承されるイベント
focusIn  focusOut  invalid  keyDown  keyUp  valid  valueCommitted 

mx.core.UIObject クラスから継承されるイベント
creationComplete  dragComplete  dragDrop  dragEnter  dragExit  dragOver  draw  effectEnd  effectStart  hide  hideToolTip  initialize  load  mouseChangeSomewhere  mouseDown  mouseDownSomewhere  mouseMove  mouseMoveSomewhere  mouseOut  mouseOver  mouseUp  mouseUpSomewhere  move  resize  show  showToolTip  unload 



スタイル

mx.controls.listclasses.ItemList クラスから継承されるスタイル
alternatingItemColors   rollOverColor   selectionColor   selectionDisabledColor   selectionDuration   selectionEasing   textRollOverColor   textSelectedColor   useRollOver  

mx.core.UIComponent クラスから継承されるスタイル
backgroundAlpha   backgroundColor   backgroundDisabledColor   backgroundImage   backgroundSize   barColor   borderCapColor   borderColor   borderSides   borderStyle   borderThickness   cornerRadius   disabledColor   dropShadow   errorColor   fillColors   highlightColor   modalTransparency   scrollTrackColor   selectedFillColors   shadowCapColor   shadowColor   shadowDirection   shadowDistance   symbolBackgroundColor   symbolBackgroundDisabledColor   symbolBackgroundPressedColor   symbolColor   symbolDisabledColor   themeColor  

mx.core.UIObject クラスから継承されるスタイル
color   fontFamily   fontSize   fontStyle   fontWeight   horizontalGap   leading   marginLeft   marginRight   textAlign   textDecoration   textIndent   verticalGap  



プロパティの詳細

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>