Flex中如何通过dividerAlpha样式设置DividedBox容器divider部分透明度的例子
By Minidxer | October 15, 2008
在前面的Flex中如何通过dividerColor样式设置DividedBox中divider颜色的例子，我们了解了Flex中如何通过dividerColor样式，设置DividedBox中divider颜色。接下来的例子演示了Flex中如何通过dividerAlpha样式设置DividedBox容器divider部分透明度。（效果不是很明显）
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application name="HDividedBox_dividerAlpha_test"
- xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:ApplicationControlBar dock="true">
- <mx:Form styleName="plain">
- <mx:FormItem label="dividerAlpha:"
- direction="horizontal">
- <mx:HSlider id="slider"
- minimum="0.0"
- maximum="1.0"
- value="0.75"
- snapInterval="0.05"
- tickInterval="0.1"
- liveDragging="true" />
- <mx:Label text="{Math.round(slider.value * 100)}%" />
- </mx:FormItem>
- </mx:Form>
- </mx:ApplicationControlBar>
- <mx:HDividedBox id="dividedBox"
- dividerAlpha="{slider.value}"
- width="100%"
- height="100%">
- <mx:Box id="box1"
- backgroundColor="haloGreen"
- width="100%"
- height="100%"
- minWidth="100" />
- <mx:Box id="box2"
- backgroundColor="haloBlue"
- width="100%"
- height="100%"
- minWidth="100" />
- </mx:HDividedBox>
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子
Topics:
HDividedBox |
Tags: dividerAlpha, HDividedBox, VDividedBox