[Flex] PopUpButton系列 —— 控制弹出菜单的透明度、可用、可选择状态

时间：2021-10-07 08:15:54
<?xml version="1.0" encoding="utf-8"?>
<!--控制弹出菜单的透明度、可用、可选择状态 PopUpButtonPopUpTranslucent.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

               xmlns:s="library://ns.adobe.com/flex/spark"

               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

    <fx:Script>

        <![CDATA[

            import mx.controls.Menu;

            import mx.events.FlexEvent;

            private var menu:Menu;

            protected function popUpButton_initializeHandler(event:FlexEvent):void

            {

            }

            protected function popUpButton_creationCompleteHandler(event:FlexEvent):void

            {

                menu = new Menu();

                menu.labelField = "@label";

                menu.dataProvider = xmlList;

                popUpButton.popUp = menu;

                menu.width = popUpButton.width;

            }

        ]]>

    </fx:Script>

    <fx:Declarations>

        <!-- 将非可视元素（例如服务、值对象）放在此处 -->

        <fx:Array id="arr">

            <fx:Object label="《霹雳先锋》香港票房8916612" actor="Steven Chow"/>

            <fx:Object label="《捕风汉子》香港票房3149395" actor="Steven Chow"/>

            <fx:Object label="《小偷阿星》香港票房7968106 " actor="Steven Chow"/>

            <fx:Object type="separator"/>

            <fx:Object label="笑傲江湖之东方不败（1992）" type="check" actor="Jet Li"/>

            <fx:Object label="精武英雄（1994）" type="radio" actor="Jet Li"/>

            <fx:Object label="给爸爸的信（1995）" actor="Jet Li"/>

        </fx:Array>

        <fx:XMLList xmlns="" id="xmlList">

            <node label="《霹雳先锋》香港票房8916612" type="radio" toggled="true" />

            <node label="《捕风汉子》香港票房3149395">

                <node label="child item" />

            </node>

            <node label="《小偷阿星》香港票房7968106" />

            <node type="separator" />

            <node label="笑傲江湖之东方不败（1992）" type="check" toggled="true" />

            <node label="精武英雄（1994）" />

            <node label="给爸爸的信（1995）" enabled="false" />

        </fx:XMLList>

    </fx:Declarations>

    <fx:Style>

        @namespace s "library://ns.adobe.com/flex/spark";

        @namespace mx "library://ns.adobe.com/flex/mx";

        mx|PopUpButton {

            popUpStyleName: myCustomPopUpStyleName;

        }

        /* mx|Menu{

            fontWeight: normal;

            textAlign: left;

            chromeColor: blue;

            contentBackgroundAlpha:0.4;

            contentBackgroundColor:white;

            borderStyle: solid;

        } */

        .myCustomPopUpStyleName {

            fontWeight: normal;

            textAlign: center;

            contentBackgroundAlpha:0.4;

            contentBackgroundColor:white;

            borderStyle: solid;

        }

    </fx:Style>

    <s:controlBarContent>

        <mx:PopUpButton id="popUpButton" label="Please select an item..." openAlways="true" initialize="popUpButton_initializeHandler(event)" creationComplete="popUpButton_creationCompleteHandler(event)" />

    </s:controlBarContent>

    <s:BorderContainer backgroundAlpha="0.5" backgroundColor="haloSilver" width="100%" height="100%" />

</s:Application>

相关文章