是否可以在不使用MXML的情况下使用Flex Framework / Components?

时间:2020-03-06 14:48:03  来源:igfitidea点击:

是否可以在不使用MXML的情况下使用Flex框架和组件?我非常了解ActionScript,并且不想为了获得一些简单的UI而搞弄一些新的XML语言。谁能提供一个包含.as文件的示例,该文件可以进行编译(理想情况下是通过FlashDevelop,尽管也可以通过Flex SDK告诉它如何操作)并使用Flex框架?例如,仅显示弹出时将弹出"警报"的Flex按钮将是完美的。

如果不可能,那么有人可以提供一个最小的MXML文件,该文件将引导自定义AS类,然后该类可以访问Flex SDK吗?

解决方案

是的,我们只需要在类路径中包含flex swc。我们可以在frameoworks / lib / flex.swc中的flex sdk中找到flex.swc

编辑:还有一件事:如果我们使用的是Flex Builder,则可以简单地创建一个新的ActionScript项目,该项目基本上与上述操作相同。

这是一个非常简单的应用程序,仅执行MXML中的基本引导程序。这是MXML:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="onCreationComplete()">
  <mx:Script source="Script.as" />
</mx:Application>

这是Script.as:

import mx.controls.Button;
import flash.events.MouseEvent;
import mx.controls.Alert;
import mx.core.Application;

private function onCreationComplete() : void {
  var button : Button = new Button();
  button.label = "Click me";
  button.addEventListener(MouseEvent.CLICK, function(e : MouseEvent) : void {
    Alert.show("Clicked");
  });

  Application.application.addChild(button);
}

注意:除非我们首先初始化Flex库,否则以下答案将无法实际使用。为此需要涉及很多代码。请参阅下面的评论或者其他答案以获取更多详细信息。

主类甚至不必在MXML中,只需创建一个继承自mx.core.Application的类(无论如何,根节点为<mx:Application>的MXML类都会被编译为该类) :

package {

  import mx.core.Application;

  public class MyFancyApplication extends Application {

    // do whatever you want here

  }

}

同样,任何使用mxmlc编译器甚至Flash CS3创作工具编译的ActionScript代码都可以使用Flex类,这只是使它们在类路径中可用的问题(使用mxmlc时引用框架SWC或者使用任何一种时都指向包含源的文件夹)。除非文档类从mx.core.Application继承,否则我们可能会遇到一些麻烦,因为框架中的某些情况都认为是这种情况。

我做了一个类似于Borek的简单引导程序(见下文)。我很想摆脱mxml文件,但是如果我没有它,我将不会得到Flex附带的任何标准主题(haloclassic.swc等)。有人知道如何按照Theo的建议去做,但仍然应用了标准主题吗?

这是我简化的引导方法:

main.mxml

<?xml version="1.0" encoding="utf-8"?>
<custom:ApplicationClass xmlns:custom="components.*"/>

ApplicationClass.as

package components {
    import mx.core.Application;
    import mx.events.FlexEvent;
    import flash.events.MouseEvent;
    import mx.controls.Alert;
    import mx.controls.Button;

    public class ApplicationClass extends Application {
        public function ApplicationClass () {
            addEventListener (FlexEvent.CREATION_COMPLETE, handleComplete);
        }
        private function handleComplete( event : FlexEvent ) : void {
            var button : Button = new Button();
            button.label = "My favorite button";
            button.styleName="halo"
            button.addEventListener(MouseEvent.CLICK, handleClick);
            addChild( button );
        }
        private function handleClick(e:MouseEvent):void {
            Alert.show("You clicked on the button!", "Clickity");
        }
    }
}

以下是将其与Flex 4结合使用的必要更新:

main.mxml

<?xml version="1.0" encoding="utf-8"?>
<local:MyApplication xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:local="components.*" />

MyApplication.as

package components {
    import flash.events.MouseEvent;
    import mx.controls.Alert;
    import mx.events.FlexEvent;
    import spark.components.Application;
    import spark.components.Button;

    public class MyApplication extends Application {
        public function MyApplication() {
              addEventListener(FlexEvent.CREATION_COMPLETE, creationHandler);
        }
        private function creationHandler(e:FlexEvent):void {
            var button : Button = new Button();
            button.label = "My favorite button";
            button.styleName="halo"
            button.addEventListener(MouseEvent.CLICK, handleClick);
            addElement( button );
        }
        private function handleClick(e:MouseEvent):void {
            Alert.show("You clicked it!", "Clickity!");
        }
    }
}