扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条
Flex基本语法
绝大多数MXML标识符合AS2.0规范,MXML文件编译产生的SWF文件包含相应的AS对象。
AS2.0是一种面向对象的语言,符合ECMAScript第4版规范。
MXML文件的命名规范:
: 必须符合AS的命名规范,以字母或下划线开头;
2 : 不得使用AS的类名、组件ID标识和命名空间的MXML标识作为文件名;
3 : 文件名必须用小写的.mxml作为后缀名。
在MXML文件中,组件的属性使用和AS类相同的命名约定,以小写字母开头,每个单词的开头字母大写。你可以有两种方式设置属性的值:使用标记的属性或者子节点标记。Macromedia推荐使用标记的属性来设置一般组件属性,复杂的组件属性用子节点来完成。MXML的组件属性包含如下:
标量属性(包括数字及字符串)
如:
<Label width='50' height='25' text='Hello World'/>
注意:属性的值不能包含@符号
数组属性
1. <mx:List>
2. <mx:dataProvider>
3. <mx:Array>
4. <mx:Number>94062</mx:Number>
5. <mx:Number>14850</mx:Number>
6. <mx:Number>53402</mx:Number>
7. </mx:Array>
8. </mx:dataProvider>
9. </mx:List>
脚本对象
因为脚本对象比较复杂,所以一般使用子节点的方式来设置属性的值,如:
<mynamespace:MyComponent>
2. <mynamespace:nameOfProperty>
3. <objectType prop1='val1' prop2='val2'/>
4. </mynamespace:nameOfProperty>
5. </mynamespace:MyComponent>
脚本对象数组
<mynamespace:MyComponent>
2. <mynamespace:dataProvider>
3. <mx:Array>
4. <mynamespace:ListItem label='One' data='1'/>
5. <mynamespace:ListItem label='Two' data='2'/>
6. </mx:Array>
7. </mynamespace:dataProvider>
8. </mynamespace:MyComponent>
XML数据
1. <mynamespace:MyComponent>
2. <mynamespace:value xmlns:a='http://www.example.com/myschema'>
3. <mx:XML>
4. <a:purchaseorder>
5. <a:billingaddress>
6. ...
7. </a:billingaddress>
8. ...
9. </a:purchaseorder>
10. </mx:XML>
11. </mynamespace:value>
12. </mynamespace:MyComponent>
样式属性
主要进行组件的样式控制,如
<mx:TextArea id='myText' text='hello world' fontFamily='Tahoma'/>
2. //和下面的AS代码是等效的
3. myText.text= 'hello world';
4. myText.setStyle('fontFamily', 'Tahoma');
编译标记
编译标记并不直接对应AS类或其属性,主要有:
1. <mx:Binding>
2. <mx:Effect>
3. <mx:Model>
4. <mx:Script>
5. <mx:Style>
6. <mx:Metadata>
7. <mx:operation>
8. <mx:request>
9. <mx:method>
10. <mx:arguments>
注意编译标记的大小写
其它注意事项
: id属性并不是每个MXML标记必须的;
02 : MXML的根标记不支持id属性;
03 : 布尔属性的值只允许true或false;
04 :
05 :
06 :
07 :
08 :
09 :
10 :
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=754302
如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。
现场直击|2021世界人工智能大会
直击5G创新地带,就在2021MWC上海
5G已至 转型当时——服务提供商如何把握转型的绝佳时机
寻找自己的Flag
华为开发者大会2020(Cloud)- 科技行者