Flex中设置面板容器（Panel container）背景透明度的例子

By Minidxer | March 14, 2008

在前面的如何设置Flex中面板容器（Panel container）边框透明度的例子中，我们了解到了如何通过设置borderAlpha风格来改变边框的透明度。

接下来的例子展示了Flex中如何通过设置backgroundAlpha风格来改变面板容器（Panel container）背景的透明度。

下面是具体的例子以及源代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
creationComplete="init();">
<mx:Style>
Application {
backgroundColor: red;
backgroundGradientColors: red, black;
}
</mx:Style>
<mx:Script>
<![CDATA[
import mx.events.SliderEvent;
private function init():void {
slider.value = panel.getStyle("backgroundAlpha");
}
private function slider_change(evt:SliderEvent):void {
panel.setStyle("backgroundAlpha", evt.value);
}
]]>
</mx:Script>
<mx:ApplicationControlBar dock="true">
<mx:Label text="backgroundAlpha:" />
<mx:HSlider id="slider"
minimum="0.0"
maximum="1.0"
liveDragging="true"
snapInterval="0.01"
tickInterval="0.1"
change="slider_change(event);" />
</mx:ApplicationControlBar>
<mx:Panel id="panel" title="Panel" width="100%" height="100%">
<mx:ControlBar>
<mx:Label text="ControlBar" />
</mx:ControlBar>
</mx:Panel>
</mx:Application>

下面是执行实例（可以右键察看源代码）：

你还可以用下面的代码在MXML中设置backgroundAlpha的风格:

或者在一个扩展.CSS文件中，或是通过<mx:Style />来设定backgroundAlpha的风格:

Topics: Flex | 1 Comment » | Tags: backgroundAlpha, Flex, Panel, 透明度, 面板容器

One comment | Add One

中文Flex例子