MXML和ActionScript关联

最新推荐文章于 2025-09-08 23:04:31 发布

原创最新推荐文章于 2025-09-08 23:04:31 发布 · 200 阅读

0 ·

CC 4.0 BY-SA版权

flex 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了Flex应用程序的两种主要编程语言:MXML和ActionScript。MXML是一种基于XML的语言，用于定义用户界面和数据绑定。ActionScript则用于创建更复杂的逻辑和组件。文章通过创建按钮控件的例子对比了这两种语言的使用。

一个Flex应用程序有ActionScript和MXML两种语言代码组成。

MXML

MXML是一个XML语言，你可以使用它来为Adobe Flex 应用程序布局用户界面。也可以使用MXML来定义程序的非可视组件，比如访问服务器端数据源和用户界面组件与数据源之间的数据绑定。
比如，你可以使用如下的MXML语言，通过<mx:Button>标签创建一个按钮控件实例：

mx:Button id="myButton" label="I'm a button!"/

ActionScript

MXML标签对应ActionScript类或类道具。当你编译Flex程序，Flex分析MXML标签并生成对应的ActionScript类。然后编译器把这些ActionScript类编译成存储在SWF文件中的SWF字节码。上面的例子，Flex提供了定义Flex按钮控件的ActionScript 按钮类。

下面的例子示范了如何使用ActionScript创建按钮控件。结果和使用MXML的一样。

<?xmlns:mx="http://www.adobe.com/2006/mxml"
    viewSourceURL="src/GettingStartedActionScript/index.html"

    creationComplete="creationCompleteHandler();"
    width="300" height="80"
>
        [CDATA[
            import mx.controls.Button;
            import mx.events.FlexEvent;

            private var myButton:Button;

            private function creationCompleteHandler():void

            {
                // Create a Button instance and set its label
                myButton = new Button();
                myButton.label = "I'm a button!";
              
                // Get notified once button component has been created and processed for layout


                myButton.addEventListener (FlexEvent.CREATION_COMPLETE, buttonCreationCompleteHandler);
              
                // Add the Button instance to the DisplayList
                addChild (myButton);
            }
          
            private function buttonCreationCompleteHandler ( evt:FlexEvent ):void

            {
                // Center the button
                myButton.x = parent.width/2 - myButton.width/2;
                myButton.y = parent.height/2 - myButton.height/2;
            }

        ]]>

当通过ActionScript创建Flex组件时，必须导入组件的类。也必须使用addChild()程序把组件加入到程序的DisplayList中使其可见。通过比较此例与相同MXML版本的长度与复杂度，你可以看到简单、基于标签、声明式语法的MXML语言是如何节省你编写多行ActionScript代码来布局组件的时间的。