Flex中通过selectedFillColors样式使Accordion容器当前选中栏高亮显示的例子

By Minidxer | August 14, 2008

接下来的例子演示了Flex中如何通过selectedFillColors样式,使Accordion容器当前选中栏高亮显示。高亮效果可以和前面的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.         Accordion {
  9.             selectedFillColors: haloBlue, haloBlue;
  10.         }
  11.     </mx:Style>
  12.  
  13.     <mx:Accordion width="400" height="120">
  14.         <mx:VBox id="child1" label="Child 1" />
  15.         <mx:VBox id="child2" label="Child 2" />
  16.         <mx:VBox id="child3" label="Child 3" />
  17.     </mx:Accordion>
  18.  
  19. </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子

Topics: Flex | Tags: , ,

Related Post

One comment | Add One

  1. Minidxer - 08/14/2008 at 12:28 am

    编译的时候有点问题, 要看效果可以先点击上面的“Peter deHaan” 进行察看,Demo随后修正。

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Archives

Sponsored Ads