mxml中加载简单自定义组件
2010-07-23 12:38
281 查看
>.<我发现写文起名字最费劲了,主要还是对术语不熟悉(弄不明白应该叫包还是自定义组件),如有不妥希望得到指正。
本文主要是探讨如何在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"/>
本文主要是探讨如何在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"/>
相关文章推荐
- 一步步自定义下拉刷新上拉加载——自定义简单的刷新组件
- 一个MXML自定义组件的例子,
- 创建扩展组件学习笔记---创建简单MXML组件
- windows gdi+ 简单加载自定义字体 .tff库
- Android自定义组件系列【13】——Android自定义对话框如此简单
- 一步步自定义下拉刷新上拉加载——自定义刷新组件进阶
- 简单实用的进度条加载组件loader.js
- 针对自定义组件上拉刷新下拉加载更多PullToRefreshView的分析(二)
- 使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
- Yii: 组件加载逻辑及自定义组件覆盖
- 一、从简单MXML组件中处理事件
- QT之自定义组件和动态加载
- Android自定义组件系列【13】——Android自定义对话框如此简单
- 自定义组件--创建mxml组件
- Flex自定义组件 之 使用MXML标签定义
- Android自定义组件简单实例(自定义属性)
- swift 自定义(超简单)上拉加载(gif动画)
- Android的ListView简单的自定义上拉加载
- flex自定义组件(mxml文件)
- 最简单通用加载效果---完全实现自定义