Mar 13

如何设置Flex中面板容器（Panel container）边框透明度的例子

FlexAdd comments

下面的例子展示了 如何通过设置Flex中面板容器（Panel container）的borderAlpha的风格，来设置它的边框透明度。

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


Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!-- http://blog.flexexamples.com/2008/03/12/setting-the-border-alpha-on-a-panel-container-in-flex/ -->
  3. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  4.         layout="vertical"
  5.         verticalAlign="middle"
  6.         creationComplete="init();">
  7.  
  8.     <mx:Style>
  9.         Application {
  10.             backgroundColor: red;
  11.             backgroundGradientColors: red, black;
  12.         }
  13.     </mx:Style>
  14.  
  15.     <mx:Script>
  16.         <![CDATA[
  17.             import mx.events.SliderEvent;
  18.  
  19.             private function init():void {
  20.                 slider.value = panel.getStyle("borderAlpha");
  21.             }
  22.  
  23.             private function slider_change(evt:SliderEvent):void {
  24.                 panel.setStyle("borderAlpha", evt.value);
  25.             }
  26.         ]]>
  27.     </mx:Script>
  28.  
  29.     <mx:ApplicationControlBar dock="true">
  30.         <mx:Label text="borderAlpha:" />
  31.         <mx:HSlider id="slider"
  32.                 minimum="0.0"
  33.                 maximum="1.0"
  34.                 liveDragging="true"
  35.                 snapInterval="0.1"
  36.                 tickInterval="0.1"
  37.                 change="slider_change(event);" />
  38.     </mx:ApplicationControlBar>
  39.  
  40.     <mx:Panel id="panel" title="Panel" width="100%" height="100%">
  41.         <mx:ControlBar>
  42.             <mx:Label text="ControlBar" />
  43.         </mx:ControlBar>
  44.     </mx:Panel>
  45.  
  46. </mx:Application>

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

原文作者：Peter deHaan 翻译：minidxer

written by Minidxer  |  tags: , , , , ,

Related Post

One Response to “如何设置Flex中面板容器（Panel container）边框透明度的例子”

Trackbacks

Leave a Reply