mxml中加载简单自定义组件

>.<我发现写文起名字最费劲了，主要还是对术语不熟悉（弄不明白应该叫包还是自定义组件），如有不妥希望得到指正。

本文主要是探讨如何在mxml中加载自定义组件，以as文件为例（mxml的文件同理，最后说明）

 

---

 

首先是确定自定义组件的存储位置

（1.）是存储在默认的src文件夹（代码文件目录）

（2.）是存储在src文件夹的子目录，目录名为包的名（对于as文件这里必须匹配，否则报错）

 

下面就是要在mxml中调用自定义组件

1. 要声明组件的命名空间，如调用myPackage包，可以写作

<mx: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"
               xmlns:myPackage = "myPackage.*">
</mx:Application>

如果组件在src文件夹下，可以写作

<mx: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"
               xmlns:ns1="*"
</mx:Application>

具体的原理我说不太清，也就不误导了（被打！）。我理解作用就是把包含自定义组件的文件和mxml文件挂钩

 

2.假设组件是这样的

package myPackage{
    import flash.events.Event;
    import mx.core.UIComponent;
    public class MyClass extends UIComponent{
        public function MyClass()
        {
            super();
            addEventListener(Event.ADDED_TO_STAGE, init);
        }
        public function init(e:Event): void
        {
           
        }
    }
}

 

3.再来就是使用组件了。执行

    <myPackage:MyClass id = "myclass"/>

就可以在mxml的页面上生成自定义组件了

 

最后，mxml的组件也是同理的，比如对于一个components目录（包？）下ButtonTile.mxml组件文件。

首先要声明命名空间：

xmlns:components="components.*"

然后是把自定义控件加载到主页面上

<components:ButtonTile id="input"/>