(转)Flex 实践——自定义组件及调用
转自:http://blog.csdn.net/meteorlWJ/archive/2008/03/27/2223239.aspx
这一次的Flex 实践将要实现以下功能:
1、自定义一个简单的 Flex 组件
2、创建一个Index. mxml 来调用该组件
1)用 as 调用组件
2)用 mx 标签调用组件
首先创建新文件夹(user)来保存所有自定义的组件,这里我将新创建的组件命名为:UserView.mxml
在主目录下创建 Mxml Application,这里我将它命名为:Index.mxml
工程视图为:
下面,来完成组件的设计:
在Design 视图下将控件拖到Panel 上,设置其属性
下面是我的设计:
代码
Design视图
接下来,来完成主页面Index.mxml的设计
调用组件,必须添加以下代码
(别忘了加 xmlns:mp=" user. *)
添加 AuctionScript 代码,将内容将完成对组件的新建
再来看一下怎么在普通的标签中调用组件:
代码部分就是这些了,下面来看一下在没有运行时的效果图(图中将只会显示用< mp: >标签添加的内容)
运行后,除了用标签调用的组件外,还将显示用 AuctionScript 新建的组件
以上就是这次实践中有关 Flex 组件的简单应用。
相关文档:
10 个FLex MVC框架
AdobeFlex及相关技术正成为RIA领域的主流。虽然Flex社区的规模还远比不上Java或Microsoft平台,但它正在FlexRIA开发者们的栽培下稳健地成长。许多开源开发框架也因此被创造出来:
Cairngorm(下载)
Cairngorm是最老也最成熟的Flex框架。它现在由Adobe拥有并开源,而且被Adobe的RIA顾问服 ......
在项目中自定义一个CheckboxGroup,这个控件里面包含多个Checkbox想控制Checkbox的行为:所以使用查找一下帮助使用flex中经典方法:getDefinitionByName 函数的使用
public function getDefinitionByName(name:String):Object
返回参数 name 中指定的类引用
参数 name:String - 类名称
返回 Object - 返回参数 name 中 ......
新手入门参考:
Adobe Flex 3 - adobe.com
Adobe Flex Sample Applications - adobe.com
Video Training (Learn Flex in a Week) - adobe.com
RSS Feeds (Get regular updates about Flex) - adobe.com
Learn about Flex Open Source - adobe.com
Get Flex 3 SDK - adobe.com
Get Flex Builder 3 - adobe.com ......
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns="*" layout="vertical" creationComplete="initApp()">
<mx:states>
<!--新建“index”State-->
<m ......