【Flex3】リスト(List)の背景色を設定したい(alternatingItemColors)
リストの項目が多いと見難いものです。
ListのalternatingItemColorsという属性を使えば細かな背景色設定が出来ます。
例えば以下のように白・灰色と交互の色づけされるよう設定してみます。
以下はこのListを生成したFlex3ソースです。
ListのalternatingItemColorsという属性を使えば細かな背景色設定が出来ます。
例えば以下のように白・灰色と交互の色づけされるよう設定してみます。
以下はこのListを生成したFlex3ソースです。
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<!-- データ定義 >> -->
<mx:ArrayCollection id="menu_data">
<mx:Object label="コーヒー" value="250"/>
<mx:Object label="ハンバーガー" value="300"/>
<mx:Object label="ポテト" value="200"/>
<mx:Object label="サラダ" value="150"/>
</mx:ArrayCollection>
<!-- << データ定義 -->
<!-- コンポーネント配置 >> -->
<mx:List
width="160" height="170" x="10" y="10"
alternatingItemColors="[#FFFFFF,#F0F0F0]"
id="a_list"
dataProvider="{menu_data}"/>
<!-- << コンポーネント配置 -->
</mx:Application>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<!-- データ定義 >> -->
<mx:ArrayCollection id="menu_data">
<mx:Object label="コーヒー" value="250"/>
<mx:Object label="ハンバーガー" value="300"/>
<mx:Object label="ポテト" value="200"/>
<mx:Object label="サラダ" value="150"/>
</mx:ArrayCollection>
<!-- << データ定義 -->
<!-- コンポーネント配置 >> -->
<mx:List
width="160" height="170" x="10" y="10"
alternatingItemColors="[#FFFFFF,#F0F0F0]"
id="a_list"
dataProvider="{menu_data}"/>
<!-- << コンポーネント配置 -->
</mx:Application>
コメント
コメントの投稿
« 【Flex3】リストアイテムを動的に追加したい / addItem()メソッド l Home l 【Fex3】dataProviderで定義したデータとコンポーネントを関連付ける »
s.jpg)