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 ...
最新文章
- ETOPS:双发飞机延伸航程运行
- Py_Initialize fails - unable to load the file system codec
- MySQL数据库视图(view),视图定义、创建视图、修改视图
- [css] 字体的粗细的属性是用哪一个?它有哪些属性值?
- 3 5的二维数组C语言程序,C语言及程序设计提高例程-33 二维数组元素的引用
- golang判断结构体是否实现了某个接口
- SSL自签名的实现类org apache commons httpclient contrib ssl EasySSLP
- wpf和winform的那点区别
- 针对巴基斯坦的某APT活动事件分析
- 【React-2】组件开发初步探索
- springmvc 控制器 读取properties文件
- arcgis投影坐标转经纬度
- 算加权成绩(MATLAB)
- C语言坐标打飞机,C语言实现打飞机小游戏
- python timm库
- 新技术加速隐私暴露,如何应对?
- 微信24小时到账_微信转账24小时可撤销吗?延时到账功能可帮忙!
- MFC系列 - 第一个MFC入门程序
- C语言中access函数
- 商务网站建设中的虚拟主机技术
热门文章
- php变量有三种不同的作用域,PHP中变量类型与转换,变量的检测以及变量的作用域学习--2018年4月13日12时03分...
- python 线程中出现执行错乱_python线程中的同步问题
- 将x86平台的Linux控制台重定向到串口
- 【java】Java 动态调试技术原理及实践
- 【java】基于JWT的token身份认证方案
- 【java】RMI教程:入门与编译方法 远程
- 【Flink】flink highavailabilityservices 源码解析
- 【flink】flink 报错 key group from 44 to 45 does not contain 4
- 60-300-024-使用-延迟数据-Flink中延时调用设计与实现
- jps出现– process information unavailable解决方法