Flex中如何通过alternatingItemColors样式设置HorizontalList内项目交替颜色的例子

By Minidxer | January 30, 2009

接下来的例子演示了Flex中如何通过alternatingItemColors样式，设置HorizontalList内项目交替颜色。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.             layout="vertical"
  4.             verticalAlign="middle"
  5.             backgroundColor="white">
  6.  
  7.     <mx:Array id="arr">
  8.         <mx:Object label="Accordion"
  9.                 icon="@Embed('assets/Accordion.png')" />
  10.         <mx:Object label="ApplicationControlBar"
  11.                 icon="@Embed('assets/ApplicationControlBar.png')" />
  12.         <mx:Object label="Box"
  13.                 icon="@Embed('assets/Box.png')" />
  14.         <mx:Object label="Canvas"
  15.                 icon="@Embed('assets/Canvas.png')" />
  16.         <mx:Object label="ControlBar"
  17.                 icon="@Embed('assets/ControlBar.png')" />
  18.         <mx:Object label="DividedBox"
  19.                 icon="@Embed('assets/DividedBox.png')" />
  20.         <mx:Object label="Form"
  21.                 icon="@Embed('assets/Form.png')" />
  22.         <mx:Object label="FormHeading"
  23.                 icon="@Embed('assets/FormHeading.png')" />
  24.         <mx:Object label="FormItem"
  25.                 icon="@Embed('assets/FormItem.png')" />
  26.         <mx:Object label="Grid"
  27.                 icon="@Embed('assets/Grid.png')" />
  28.         <mx:Object label="HBox"
  29.                 icon="@Embed('assets/HBox.png')" />
  30.         <mx:Object label="HDividedBox"
  31.                 icon="@Embed('assets/HDividedBox.png')" />
  32.         <mx:Object label="Panel"
  33.                 icon="@Embed('assets/Panel.png')" />
  34.         <mx:Object label="TabNavigator"
  35.                 icon="@Embed('assets/TabNavigator.png')" />
  36.         <mx:Object label="Tile"
  37.                 icon="@Embed('assets/Tile.png')" />
  38.         <mx:Object label="TitleWindow"
  39.                 icon="@Embed('assets/TitleWindow.png')" />
  40.         <mx:Object label="VBox"
  41.                 icon="@Embed('assets/VBox.png')" />
  42.         <mx:Object label="VDividedBox"
  43.                 icon="@Embed('assets/VDividedBox.png')" />
  44.         <mx:Object label="ViewStack"
  45.                 icon="@Embed('assets/ViewStack.png')" />
  46.     </mx:Array>
  47.  
  48.     <mx:HorizontalList id="horizontalList"
  49.             dataProvider="{arr}"
  50.             alternatingItemColors="[#FFFFFF, #EEEEEE]"
  51.             columnCount="3"
  52.             columnWidth="175"
  53.             rowCount="1"
  54.             height="100" />
  55.  
  56. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: HorizontalList | No Comments » | Tags: ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll