Flex中如何利用headerStyleName样式设置Accordion容器的fillAlphas, fillColors以及selectedFillColors等反显颜色的例子

By Minidxer | October 30, 2008

接下来的例子演示了Flex中如何利用headerStyleName样式，设置Accordion容器的fillAlphas, fillColors以及selectedFillColors等反显颜色。

让我们先来看一下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="top"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Style>
  8.         .accHeader {
  9.             fillColors: haloSilver, haloBlue;
  10.             fillAlphas: 1.0, 0.5;
  11.             selectedFillColors: black, black;
  12.         }
  13.     </mx:Style>
  14.  
  15.     <mx:Accordion id="accordion"
  16.             headerStyleName="accHeader"
  17.             resizeToContent="true"
  18.             width="100%">
  19.         <mx:VBox label="Red"
  20.                 backgroundColor="red"
  21.                 width="100%"
  22.                 height="200" />
  23.         <mx:VBox label="Orange"
  24.                 backgroundColor="haloOrange"
  25.                 width="100%"
  26.                 height="120" />
  27.         <mx:VBox label="Yellow"
  28.                 backgroundColor="yellow"
  29.                 width="100%"
  30.                 height="160" />
  31.         <mx:VBox label="Green"
  32.                 backgroundColor="haloGreen"
  33.                 width="100%"
  34.                 height="80" />
  35.         <mx:VBox label="Blue"
  36.                 backgroundColor="haloBlue"
  37.                 width="100%"
  38.                 height="140" />
  39.     </mx:Accordion>
  40.  
  41. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: Accordion | No Comments » | Tags: , , , , ,

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

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll