Flex中如何给Accordion的各个头部文字设置不同颜色的例子

By Minidxer | November 3, 2008

接下来的例子演示了Flex中如何给Accordion的各个头部文字设置不同颜色。

让我们先来看一下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:Style>
  8.         AccordionHeader {
  9.             fillColors: black, black;
  10.             fillAlphas: 1, 1;
  11.             textRollOverColor: white;
  12.             textSelectedColor: white;
  13.             themeColor: black;
  14.         }
  15.     </mx:Style>
  16.  
  17.     <mx:Script>
  18.         <![CDATA[
  19.             private function init():void {
  20.                 accordion.getHeaderAt(0).setStyle("color", "red");
  21.                 accordion.getHeaderAt(1).setStyle("color", "haloOrange");
  22.                 accordion.getHeaderAt(2).setStyle("color", "yellow");
  23.                 accordion.getHeaderAt(3).setStyle("color", "haloGreen");
  24.                 accordion.getHeaderAt(4).setStyle("color", "haloBlue");
  25.             }
  26.         ]]>
  27.     </mx:Script>
  28.  
  29.     <mx:Accordion id="accordion"
  30.             width="300"
  31.             height="200"
  32.             creationComplete="init();">
  33.         <mx:VBox label="Red" />
  34.         <mx:VBox label="Orange" />
  35.         <mx:VBox label="Yellow" />
  36.         <mx:VBox label="Green" />
  37.         <mx:VBox label="Blue" />
  38.     </mx:Accordion>
  39.  
  40. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Accordion | No Comments » | 2,925 views Tags: ,

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll