创建个带半透明菜单的PopUpButton

发布于，归属于flex实例。 只剩下板凳啦！ 共有235人围观    

先来看效果：

代码比较简单：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundColor="white">
  3.     <mx:Style>
  4.         Application{
  5.             fontSize:12px;
  6.         }   
  7.         PopUpButton {
  8.             popUpStyleName: myCustomPopUpStyleName;
  9.         }
  10.         .myCustomPopUpStyleName {
  11.             fontWeight: normal;
  12.             textAlign: left;
  13.             backgroundAlpha: 0.4;
  14.             backgroundColor: white;
  15.             borderStyle: solid;
  16.         }
  17.     </mx:Style>
  18.  
  19.     <mx:Script>
  20.         <![CDATA[
  21.             import mx.controls.Menu;
  22.             private var menu:Menu;
  23.             private function init():void {
  24.                 menu = new Menu();
  25.                 menu.labelField = "@label";
  26.                 menu.dataProvider = xmlList;
  27.                 popUpButton.popUp = menu;
  28.                 menu.width = popUpButton.width;
  29.             }
  30.         ]]>
  31.     </mx:Script>
  32.  
  33.     <mx:XMLList id="xmlList">
  34.         <node label="添加" />
  35.         <node label="删除" />
  36.         <node label="修改" />
  37.         <node label="重置" />
  38.     </mx:XMLList>
  39.  
  40.     <mx:PopUpButton id="popUpButton" label="请选择操作" openAlways="true" creationComplete="init();"  textAlign="left" y="10" x="36"/>
  41.  
  42.     <mx:VBox backgroundColor="#989995" width="400" height="200"  x="24" y="42"/>
  43.  
  44. </mx:Application>
（如果您喜欢这篇教程，可以通过支付宝打赏我们1元哦，拜谢！）

跟作者说两句

:wink: :twisted: :roll: :oops: :mrgreen: :lol: :idea: :evil: :cry: :arrow: :?: :-| :-x :-o :-P :-? :) :( :!: 8-O 8)

只剩下板凳了！

  1. 成都旅行社

    8错8错

同类