Flex4之元数据标签使用
1、[ArrayElementType]
public var arrayOfStrings:Array;
public var arrayOfNumbers:Array;
public var arrayOfUIComponents:Array;
2、[Bindable]
<![CDATA[
[Bindable]
private var me:String="Rich Tretola";
]]>
</fx:Script>
<mx:Panel title="Simple Binding" width="500" height="90"
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom=" 10" layout="horizontal">
<mx:Label text="{me}"/>
</mx:Panel>
<fx:Script>
<![CDATA[
private var _phoneNumber:String = " ";
// Bind getter function to phoneNumberChanged event
[Bindable(event="phoneNumberChanged")]
public function get phoneNumber():String
{
return _phoneNumber;
}
// Setter method.
public function set phoneNumber(value:String):void
{
if (value.length<10)
{
_phoneNumber = value;
}
else
{
_phoneNumber = phoneFormatter.format(value);
}
// Create and dispatch event
var eventObj:Event = new Event("phoneNumberChanged");
dispatchEvent(eventObj);
}
]]>
</fx:Script>
<mx:PhoneFormatter id="phoneFormatter"
formatString="(###) ###-####" validPatternChars="#-() " />
<mx:Panel title="Bind with Getters and Setters" width="500" height="90"
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom=" 10" layout="horizontal">
<mx:TextInput id="ti1" change="phoneNumber=ti1.text" maxChars="10" restrict="0-9"/>
<mx:TextInput id="ti2" text="{phoneNumber}"/>
</mx:Panel>
3、[DefaultProperty]
{
import mx.controls.Button;
[DefaultProperty("label")]
public class MyButton extends Button
{
}
}
<mx:String>Test</mx:String>
</comps:MyButton>
4、[Embed]
[Embed(source="myIcon.gif")]
[Bindable]
public var myIcon:Class;
<mx:Button label="Icon Button 1" icon="@Embed(source=myIcon.gif')"/>
5、[Event]
{
import mx.controls.Button;
import flash.events.Event;
// Define the custom event
[Event(name="labelChanged", type="flash.events.Event")]
{
// property to hold label value
private var _myLabel:String;
// public setter method
public function set myLabel(s:String):void
{
_myLabel = s;
this.label = s;
// Create and dispatch custom event
var eventObj:Event = new Event("labelChanged");
dispatchEvent(eventObj);
}
}
}
<fx:Script>
<![CDATA[
import mx.controls.Alert;
import flash.events.Event;
// method to handle custom event
public function labelChanged(eventObj:Event):void
{
myTA.text= myTA.text + "\n"+ eventObj.target.label;
myTA.verticalScrollPosition = myTA.verticalScrollPosition +20;
}
]]>
</fx:Script>
<mx:Panel title="Event Sample" width="500" height="275"
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom=" 10" layout="absolute">
<mx:TextInput id="buttonLabelTI"
change="myButton.myLabel=buttonLabelTI.text" x="10" y="9"/>
<!--Instantiate custom class and define method to handle label- Changed event-->
<comps:ButtonLabel id="myButton" labelChanged="labelChanged(event);" x="10" y="39"/>
<mx:TextArea id="myTA" width="200" height="200" x="249" y="10"/>
</mx:Panel>
6、[Effect]
...
// Define the custom event
[Event(name="labelChanged", type="flash.events.Event")]
[Effect(name="labelChangedEffect", event="labelChanged")]
public class ButtonLabel extends Button {
...
Instantiation MXML Tag
<comps:ButtonLabel id="myButton" labelChanged="labelChanged(event);"
labelChangedEffect="myEffect" x="10" y="39"/>
7、[IconFile]
[IconFile("icon.png")]
public class CustomButton extends Button
{
}
8、[Inspectable]
<![CDATA[
[Inspectable(defaultValue="Visa",
enumeration="Visa,Mastercard,Discover,American Express",
category="Credit Card", type="String")]
public var ccType:String;
]]>
</fx:Script>
</mx:HBox>
9、[InstanceType]
用法:
[InstanceType("package.className")]
10、[NonCommittingChangeEvent]
<![CDATA[
import flash.events.Event;
private var eventObj:Event;
[Bindable(event="triggerBinding")]
[NonCommittingChangeEvent("change")]
private var s:String;
private function triggerBinding():void
{
eventObj = new Event("triggerBinding");
dispatchEvent(eventObj);
}
]]>
</fx:Script>
<mx:Panel title="NonCommittingChangeEvent Sample" width="500" height="90"
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom=" 10" layout="horizontal">
<mx:TextInput id="ti1" change="s=ti1.text" enter="triggerBinding()"/>
<mx:TextInput id="ti2" text="{s}" />
11、[RemoteClass]
{
[Bindable]
[RemoteClass(alias="com.mydomain.MyClass")]
public class MyClass
{
public var id:int;
}
12、[Style]
package comps
{
import mx.core.UIComponent;
[Style(name="borderColor",type="uint",format="Color",inherit="no")]
[Style(name="fillColor",type="uint",format="Color",inherit="no")]
public class CustomCircle extends UIComponent
{
public function CustomCircle()
{
super();
}
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
{
super.updateDisplayList(unscaledWidth, unscaledHeight);
graphics.lineStyle(1, getStyle("borderColor"), 1.0);
graphics.beginFill(getStyle("fillColor"),1.0);
graphics.drawEllipse(0,0,100,100);
}
}
}
<mx:Panel title="Style Sample" width="200" height="200"
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom=" 10" layout="horizontal">
<comps:CustomCircle borderColor="#000000" fillColor="#FF0000" />
</mx:Panel>
标签 | 描述 |
[ArrayElementType] | 在数组中定义所有允许的数据类型。 |
[Bindable] | 声明一个属性可以在代码中使用数据绑定表达式。 |
[DefaultProperty] | 定义组件在MXML中使用时的默认属性的名称。 |
[Deprecated] | 标识一个类或类的元素是不推荐使用的,这样编译器能认出他并在被调用时给出一个警告信息。 |
[Effect] | 定义MXML的特效属性名称。 |
[Embed] | 在编译时导入 JPED,PNG,SVG 或 SWF文件。也会导入SWC文件的图片资源。他的功能等同于MXML中的 @Embe 语法。 |
[Event] | 定义MXML的事件属性的名称和类型。 |
[Exclude] | 使 Flex Builder 的标签检查器忽略类元素。语法类似 [Exclude(name=”label”, kind=”property”)] |
[ExcludeClass] | 是 Flex Builder 标签检查器忽略类。这相当于ASDoc中的 @private 标签。 |
[IconFile] | 定义一个图标文件,使组件在Adobe Flex Builder的插入面板中以该图标显示。 |
[Inspectable] | 定义一个属性的列表,供组件使用者在 Flex Builder 的的属性提示和标签检查中使用。同时也定义了属性的可用值。 |
[InstanceType] | 指定了 IDeferredInstance 中的,属性接受的数据类型。 |
[NonCommittingChangeEvent] | 定义一个事件过渡触发器。 |
[RemoteClass] | 把一个ActionScript对象映射到Java对象。 |
[Style] | 为组件的样式属性定义一个MXML标签属性。 |
[Transient] | 当一个 ActionScript 对象被映射到Java对象后,被该标签标识的属性,会从发送到服务端的数据中忽略掉。 |
转载于:https://www.cnblogs.com/zhepama/p/3359779.html
Flex4之元数据标签使用相关推荐
- Flex 元数据标签使用
Flex 元数据标签1.[ArrayElementType] 使用ArrayElementType元数据标签可以让你定义数组元素的数据类型.程序代码:[ArrayElementType("S ...
- html元数据是什么意思,HTML meta 元数据标签
HTML 元数据标签 标签是数据的数据信息. 标签提供文档的数据信息,不会在客户端显示,但会被搜索引擎和浏览器解析,通常用于页面的关键词.描述.作者等, 标签通常位于 区域内, 标签没有结束标签. 案 ...
- 元数据标签的含义和用法
最齐全的网站元数据meta标签的含义和用法 随着HTML5的流行和Web技术的不断演变,Meta标签队伍也越来越壮大,从Windows XP的IE6到如今Windows 7.Windows 8的IE9 ...
- 网站元数据meta标签的含义和用法
最近在做网页,个人对网站元数据meta标签的含义和用法了解的不是很深,所以在网上搜到了一些关于这方面的知识,并摘抄至此,希望能够与大家共同学习,高手勿喷哦~~~ (注:此文原文内容访问地址:http: ...
- 最齐全的网站元数据meta标签的含义和用法
最齐全的网站元数据meta标签的含义和用法 随着HTML5的流行和Web技术的不断演变,Meta标签队伍也越来越壮大,从Windows XP的IE6到如今Windows 7.Windows 8的IE9 ...
- ITK:读取并打印DICOM标签
ITK:读取并打印DICOM标签 内容提要 输出结果 C++实现代码 内容提要 读取,搜索和打印DICOM图像元数据标签的示例 输出结果 0008|0000 = 406 0008|0005 = ISO ...
- SAP Spartacus 中的 HTML 标签
HTML Tags HTML 标签,尤其是元标签,允许搜索引擎.社交平台和机器人在其平台中使用页面元数据. 通过仔细准备元标记,并定期评估它们的值,您可以提高页面的排名.点击率和可用性. 所有这些都会 ...
- Java元数据区的概念_java之元数据(metadata)-Go语言中文社区
什么是元数据? 元数据是指用来描述数据的数据,更通俗一点,就是描述代码间关系,或者代码与其他资源(例如数据库表)之间内在联系的数据.在一些技术框架,如struts.EJB.hibernate就不知不觉 ...
- java 多重注解_Java注解-元数据、注解分类、内置注解和自定义注解
大家好,我是乐字节的小乐,上次说过了Java多态的6大特性|乐字节,接下来我们来看看Java编程里的注解. Java注解有以下几个知识点:元数据 注解的分类 内置注解 自定义注解 注解处理器 Serv ...
最新文章
- RHEL7 下双网卡绑定做主备(冗余)
- Basic Level 1008. 数组元素循环右移问题 (20)
- html网页自动铺满屏幕,如何使HTML元素的区域铺满全屏
- Ant Design入门之开始使用
- 算法题目——二次函数三分求极值(HDU-3714)
- Spring中AOP切面编程学习笔记
- voc2007数据集_【目标检测数据集】PASCAL VOC制作
- (转载)(收藏)OceanBase深度解析
- 网络-IP/子网掩码/端口
- FFmpeg编解码常用函数ffmpeg av_parser_parse2()函数
- Python3入门机器学习经典算法与应用 第3章 Jupyter Notebook魔法命令%run,%timeit
- ps裁剪和裁切的区别_PS裁剪和裁切的区别
- Empty filename passed to function Cannot find proj.db
- Vue2项目引入mars3d
- 无法显示计算机列表,W7系统Internet Explorer无法显示该页面
- Linux进程中有xorg,Linux黑话解释:Xorg,X11,Wayland,什么是显示服务器
- 图书管理系统(查找图书和输出全部图书)
- no ip mroute-cache是什么意思
- 配置类Configuration
- vulnhub-DC系列通关记DC1靶机渗透
热门文章
- mysql foreign key_MYSQL外键(Foreign Key)的使用
- 我的YUV播放器MFC小笔记:右键菜单事件和非标题实现鼠标拖动
- VS2003创建动态库的一点笔记
- 如何监测mysql主从复制状态_如何实时检测mysql主从状态,并做邮件告警?
- 剑指 Offer 13. 机器人的运动范围 【重刷】
- 【flink】Flink-Cep实现规则动态更新
- netty : io.netty.handler.codec.TooLongFrameException
- 【kafka】已解决 kafka No current assignment for partition
- 【HttpClient】httpclient之post 方法(参数为Map类型)
- spark学习-66-源代码:schedulerBackend和taskScheduler的创建(4)-yarn