Flex自定义组件与自定义事件
1、自定义组件
2、自定义事件
3、结合使用
一、自定义组件（使用的是Flex组件，ActionScript组件相对麻烦点，可视化差点）
该组件由一个TextArea和两个Button组成，如图：
代码：
MyComponent.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="180" height="94" creationComplete="initComponent()">
<mx:Metadata>
/**
* 1. 编译期间执行
* 2. 自定义组件一般可以通过dispatchEvent委派parent来处理某个事件，这就需要在parent中设置一个addEventLister来监听事件。
* 就像Button的Event.CLICK事件，除了可以通过addEventLister(Event.CLICK, clickHandle)来监听处理外，在Flex组件中还可以
* 直接 mx:Button click="clickHandle(event)" / 。怎么定义自定义组件也可以达到如此效果呢？
* 2.1) 内部声明：[Event(name="commit",type ="laxino.MyEvent")]，type是指事件的类型（如1的类型是int,'aaa'的类型是String）,name是指
* Event中的构造函数中type。
* 2.2) 外部使用：commit="commitHandle(myEvent)"是指为该组件注册了一个监听器，监听名字叫commit的事件，并通过commitHandle处理。事件的触发和
* 委派必须在组件内实现。
*
*/
/**
*
* Using the Event metadata tag
* You use the [Event] metadata tag to define events dispatched by a component so that the Flex compiler can recognize
* them as MXML tag attributes in an MXML file. You add the [Event] metadata tag in one of the following locations:
* ActionScript components Above the class definition, but within the package definition, so that the events are bound
* to the class and not a particular member of the class.
* MXML components In the mx:Metadata tag of an MXML file.
*
*/
[Event(name="commit",type ="laxino.MyEvent")]
[Event(name="preview",type ="laxino.MyEvent")]
</mx:Metadata>
<mx:Script>
<!--[CDATA[
private function initComponent():void
{
}
private function preview(event:Event):void
{
this.dispatchEvent(new MyEvent(MyEven
相关文档：
flash和flex针对不同的目的，提供了3种不同的坐标系。
全局的就是(stage级别的)
本地坐标系（组件级别的）
内容坐标系（相对于本地坐标系说的 ......
一、国外站点
1.资源 类
Adobe Flex 2 Component Explorer ： 官方的，展示了各种组件 的用法 ，入门 必看。
CFlex ：很好的一个Flex资源站点，包括教程 ，新闻，资源站点…… 只是页面有点杂乱，大家一般看右边那一栏就行了。
FlexBox ：一个收集 了网上很多开源 组件的站点，是进阶学习 的好帮手。
Flex ......
本例中将实现当应用运行时不进行任何操作就先弹出窗口，点击关闭/点击窗口任一位置 时将关闭窗口
1）创建Component—DefaultWin.mxml （目录结构src/components/DefaultWin.mxml）
<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml"
......
组件重叠显示，使用属性includeInLayout的true或false
在Flex中，将includeInLayout设置为false，并不代表从“布局”中“隐藏”掉这个UIComponent，而仅仅是将这个UIComponent从布局中忽略，直接布局下一个对象。如果想完全从容器中隐藏掉一个对象，请同时使用visible=”false” includeInL ......
简单介绍信Flex与Web服务的交互
主要内容:
1.ActionScript与服务端的基本交互方式(REST).
2.ActionScript特有的数据传输格式(AMF)与服务器交互.
3.Flex与WebService.
要实现ActionScript与� ......
