如何使用Flex ApplicationControlBar

最新推荐文章于 2017-08-21 06:15:55 发布

iteye_19580

最新推荐文章于 2017-08-21 06:15:55 发布

阅读量106

点赞数

分类专栏： Containers -- Visual Components -- Flex 文章标签： Flex XML

Containers -- Visual Components -- Flex 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the Application container. -->
<!--
	如何使用Flex ApplicationControlBar
	MyShareBook.cn 翻译
-->

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    backgroundGradientColors="[0xCCCCCC, 0x66CCFF]"
    backgroundColor="0xCCCCCC"
    horizontalAlign="center" verticalAlign="center"
    applicationComplete="appComplete();">

    <mx:Script>
        <![CDATA[

            // Event handlers for the components.
            private function appComplete():void {
                myTA.text+="Application creation complete" + "\n";
            }

            private function panelCreationComplete():void {
                myTA.text+="Panel creation complete" + "\n";
            }

            private function textAreaCreationComplete():void {
                myTA.text+="\n" + "TextArea creation complete" + "\n";
            }
        ]]>
    </mx:Script>

    <mx:ApplicationControlBar dock="true">
        <mx:Button label="Set Solid Fill" 
            click="this.setStyle('backgroundGradientColors', [0xCCCCCC, 0xCCCCCC]);"/>
        <mx:Button label="Set Gradient Fill" 
            click="this.setStyle('backgroundGradientColors', [0xCCCCCC, 0x66CCFF]);"/>
    </mx:ApplicationControlBar> 

    <mx:Panel title="Application Container Example" backgroundColor="0x9CB0BA"
        width="75%" height="75%" 
        creationComplete="panelCreationComplete();">

        <mx:TextArea id="myTA" height="100%" width="100%" 
            text="Event order: "
            creationComplete="textAreaCreationComplete();"/>

    </mx:Panel>
</mx:Application>