Flex中如何通过popUpStyleName, backgroundAlpha和backgroundColor样式设置PopUpButton弹出菜单背景颜色与透明度的例子

By Minidxer | February 28, 2009

接下来的例子演示了Flex中如何通过popUpStyleName, backgroundAlpha和backgroundColor样式，设置PopUpButton弹出菜单背景颜色与透明度。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="top"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             import mx.controls.Menu;
  10.             import mx.events.MenuEvent;
  11.  
  12.             [Bindable]
  13.             private var menu:Menu;
  14.  
  15.             private function initMenu():void {
  16.                 menu = new Menu();
  17.                 menu.dataProvider = arr;
  18.                 menu.setStyle("themeColor", "black");
  19.             }
  20.         ]]>
  21.     </mx:Script>
  22.  
  23.     <mx:Array id="arr">
  24.         <mx:Object label="Button" />
  25.         <mx:Object label="ButtonBar" />
  26.         <mx:Object label="ColorPicker" />
  27.         <mx:Object label="ComboBox" />
  28.     </mx:Array>
  29.  
  30.     <mx:Style>
  31.         .myPop {
  32.             backgroundAlpha: 0.7;
  33.             backgroundColor: black;
  34.             borderStyle: none;
  35.             color: white;
  36.         }
  37.     </mx:Style>
  38.  
  39.     <mx:ApplicationControlBar dock="true">
  40.         <mx:PopUpButton id="popUpButton"
  41.                 label="Select a control..."
  42.                 popUp="{menu}"
  43.                 popUpStyleName="myPop"
  44.                 preinitialize="initMenu();" />
  45.     </mx:ApplicationControlBar>
  46.  
  47.     <mx:VBox backgroundColor="haloSilver"
  48.             width="100%"
  49.             height="100%" />
  50.  
  51. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子

Topics: PopUpButton | No Comments » | Tags: , , , , ,

你可能还对下列文章感兴趣:

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts

Categories

Archives

Blogroll