创建扩展组件学习笔记---创建高级MXML组件
2008-05-07 16:05
579 查看
创建高级MXML组件
在创建低耦合的组件,你一般定义组件的属性,传递信息给它。这些属性,通过变量定义或setter和getter方法,指定参数值的数据类型。
定义组件返回主应用的信息,最好的作法是,设计组件分发一个事件包含返回的数据。主应用通过一个侦听器来操作事件。
1)在组件定义里,也可使用MXML标签来定义组件的变量,这里面id就是属性名,值为初始值,其中还可使用表达式或数据绑定:
<!-- Boolean property examples: -->
<mx:Boolean id="myBooleanProperty">true</mx:Boolean>
<mx:Boolean id="passwordStatus">{passwordExpired}</mx:Boolean>
<!-- Number property examples: -->
<mx:Number id="myNumberProperty">15</mx:Number>
<mx:Number id="minutes">{numHours * 60}</mx:Number>
<!-- String property examples: -->
<mx:String id="myStringProperty">Welcome, {CustomerName}.</mx:String>
<mx:String id="myStringProperty1" source="./file"/>
如上,你还可使用source属性来指定一个外部URL或文件中的内容来作为初始化的值,此时,标签须是自结束的,即不再另外设定初始值。
所有使用<mx:String>,<mx:Number>,<mx:Boolean>标签定义的属性都是public的。
2)使用setter或getter来设定属性
有如下优点:
在写入属性时进行检查和校验
当属性改变时触发事件,或进行其它的一些操作。
在读时计算返回值
3)定义可检查的属性
通过在属性或set 方法前使用[Inspectable]元数据标签,来使编译器进行检查。如:
// Define public variables.
[Inspectable(defaultValue=true)]
public var shortNames:Boolean = true;
4)在定制属性中支持数据绑定
任何使用MXML标签定义的属性,如<mx:Boolean>,ActionScript变量属性,或setter和getter方法定义的组件属性都自动地可作为数据绑定的目标。
例子:
<?xml version="1.0"?>
<!-- mxmlAdvanced/myComponents/StateComboBoxSetGetBinding.mxml -->
<mx:ComboBox xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
import flash.events.Event;
private var stateArrayShort:Array = ["AK", "AL"];
private var stateArrayLong:Array = ["Arkansas", "Alaska"];
private var __shortNames:Boolean = true;
public function set shortNames(val:Boolean):void {
__shortNames = val;
if (__shortNames) {
dataProvider=stateArrayShort; }
else {
dataProvider=stateArrayLong; }
// Create and dispatch event.
dispatchEvent(new Event("changeShortNames"));
}
// Include the [Bindable] metadata tag.
[Bindable(event="changeShortNames")]
public function get shortNames():Boolean {
return __shortNames;
}
]]>
</mx:Script>
</mx:ComboBox>
要将组件的属性作为数据绑定的源:
1.定义一个成员变量,或使用setter和getter方法
如果你要对成员使用[Bindable]标签,你必须定义一个setter和getter方法。
2.在成员定义前插入[Bindable]元数据标签,或者在setter或getter方法前。可选地,指定当属性值改变时要分发的事件名,如果在[Bindable]元数据标签里省略了事件名,Flex自动产生一个事件名是propertyChange的事件分发。
另一种选择,你可放置[Bindable]在一个public类定义之前,这使得该 类中的所有的public属性,包括用getter和setter的属性,都可以作为数据绑定的源。
注:当这样做时,只应用于public属性,并不应用于私有或保护成员属性。你必须在非公有成员前插入[Bindable]元数据标签才能使它能作为数据绑定的源。
3.当你在[Bindable]元数据标签中定义了事件名,需要调用dispatchEvent()方法来分发这个事件。
在创建低耦合的组件,你一般定义组件的属性,传递信息给它。这些属性,通过变量定义或setter和getter方法,指定参数值的数据类型。
定义组件返回主应用的信息,最好的作法是,设计组件分发一个事件包含返回的数据。主应用通过一个侦听器来操作事件。
1)在组件定义里,也可使用MXML标签来定义组件的变量,这里面id就是属性名,值为初始值,其中还可使用表达式或数据绑定:
<!-- Boolean property examples: -->
<mx:Boolean id="myBooleanProperty">true</mx:Boolean>
<mx:Boolean id="passwordStatus">{passwordExpired}</mx:Boolean>
<!-- Number property examples: -->
<mx:Number id="myNumberProperty">15</mx:Number>
<mx:Number id="minutes">{numHours * 60}</mx:Number>
<!-- String property examples: -->
<mx:String id="myStringProperty">Welcome, {CustomerName}.</mx:String>
<mx:String id="myStringProperty1" source="./file"/>
如上,你还可使用source属性来指定一个外部URL或文件中的内容来作为初始化的值,此时,标签须是自结束的,即不再另外设定初始值。
所有使用<mx:String>,<mx:Number>,<mx:Boolean>标签定义的属性都是public的。
2)使用setter或getter来设定属性
有如下优点:
在写入属性时进行检查和校验
当属性改变时触发事件,或进行其它的一些操作。
在读时计算返回值
3)定义可检查的属性
通过在属性或set 方法前使用[Inspectable]元数据标签,来使编译器进行检查。如:
// Define public variables.
[Inspectable(defaultValue=true)]
public var shortNames:Boolean = true;
4)在定制属性中支持数据绑定
任何使用MXML标签定义的属性,如<mx:Boolean>,ActionScript变量属性,或setter和getter方法定义的组件属性都自动地可作为数据绑定的目标。
例子:
<?xml version="1.0"?>
<!-- mxmlAdvanced/myComponents/StateComboBoxSetGetBinding.mxml -->
<mx:ComboBox xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script>
<![CDATA[
import flash.events.Event;
private var stateArrayShort:Array = ["AK", "AL"];
private var stateArrayLong:Array = ["Arkansas", "Alaska"];
private var __shortNames:Boolean = true;
public function set shortNames(val:Boolean):void {
__shortNames = val;
if (__shortNames) {
dataProvider=stateArrayShort; }
else {
dataProvider=stateArrayLong; }
// Create and dispatch event.
dispatchEvent(new Event("changeShortNames"));
}
// Include the [Bindable] metadata tag.
[Bindable(event="changeShortNames")]
public function get shortNames():Boolean {
return __shortNames;
}
]]>
</mx:Script>
</mx:ComboBox>
要将组件的属性作为数据绑定的源:
1.定义一个成员变量,或使用setter和getter方法
如果你要对成员使用[Bindable]标签,你必须定义一个setter和getter方法。
2.在成员定义前插入[Bindable]元数据标签,或者在setter或getter方法前。可选地,指定当属性值改变时要分发的事件名,如果在[Bindable]元数据标签里省略了事件名,Flex自动产生一个事件名是propertyChange的事件分发。
另一种选择,你可放置[Bindable]在一个public类定义之前,这使得该 类中的所有的public属性,包括用getter和setter的属性,都可以作为数据绑定的源。
注:当这样做时,只应用于public属性,并不应用于私有或保护成员属性。你必须在非公有成员前插入[Bindable]元数据标签才能使它能作为数据绑定的源。
3.当你在[Bindable]元数据标签中定义了事件名,需要调用dispatchEvent()方法来分发这个事件。
相关文章推荐
- 创建扩展组件学习笔记---创建简单MXML组件
- 创建和扩展Flex 2组件(Creating and Extending Flex 2 Components)学习笔记
- Python学习笔记--创建类:高级内容
- Mysql DBA 高级运维学习笔记-索引知识及创建索引的多种方法实战
- Asp.Net Ajax 学习笔记12 基于Microsoft AJAX Library扩展客户端组件
- 创建组件核心文件——学习笔记
- 学习笔记:axure 高级教程 6 制作组件库
- Mysql DBA 高级运维学习笔记-创建Mysql用户及授权的多种方法实战
- C#可扩展编程之MEF学习笔记(五):MEF高级进阶
- Unity编辑器扩展学习笔记(二)——给创建的菜单选项添加快捷键
- Flex企业应用开发实践学习笔记(六)——使用ActionScript创建自定义组件
- [学习笔记]Devexpress在MVC上扩展组件,Navbar与TreeView
- JavaScript高级程序设计-学习笔记4(创建对象)
- React学习笔记——如何创建React组件
- php学习笔记--高级教程--读取文件、创建文件、写入文件
- 学习u3d笔记(一) OnGui实现动态创建cube组件 并按钮控制cube旋转 停止 销毁
- Unity学习笔记(组件篇1) Unity AudioSource组件的扩展使用
- 《JavaScript高级程序设计 第三版》学习笔记 (四) 对象创建详解
- MYSQL学习笔记(十二)创建高级联结
- ASP.NET 3.5核心编程学习笔记(55):自定义扩展程序控件的创建