Flex中通过selectedFillColors样式使Accordion容器当前选中栏高亮显示的例子
By Minidxer | August 14, 2008
接下来的例子演示了Flex中如何通过selectedFillColors样式,使Accordion容器当前选中栏高亮显示。高亮效果可以和前面的Flex中如何根据Accordion容器内项目调整宽度的例子进行对比,这样更加便于理解。
让我们先来看一下Demo(可以右键View Source或点击这里察看源代码):
下面是完整代码(或点击这里察看):
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Style>
- Accordion {
- selectedFillColors: haloBlue, haloBlue;
- }
- </mx:Style>
- <mx:Accordion width="400" height="120">
- <mx:VBox id="child1" label="Child 1" />
- <mx:VBox id="child2" label="Child 2" />
- <mx:VBox id="child3" label="Child 3" />
- </mx:Accordion>
- </mx:Application>
代码:Peter deHaan 翻译/整理/编译:中文Flex例子
Topics:
Flex |
Tags: Accordion, selectedFillColors, 高亮显示
编译的时候有点问题, 要看效果可以先点击上面的“Peter deHaan” 进行察看,Demo随后修正。