关闭

Flex精华摘要 3:基本语法

2446人阅读 评论(0) 收藏 举报

Flex基本语法
绝大多数MXML标识符合AS2.0规范,MXML文件编译产生的SWF文件包含相应的AS对象。
AS2.0
是一种面向对象的语言,符合ECMAScript4版规范。
MXML文件的命名规范:

: 必须符合AS的命名规范,以字母或下划线开头;
2 : 不得使用AS的类名、组件ID标识和命名空间的MXML标识作为文件名;
3 : 文件名必须用小写的.mxml作为后缀名。

 

1


MXML文件中,组件的属性使用和AS类相同的命名约定,以小写字母开头,每个单词的开头字母大写。你可以有两种方式设置属性的值:使用标记的属性或者子节点标记。Macromedia推荐使用标记的属性来设置一般组件属性,复杂的组件属性用子节点来完成。MXML的组件属性包含如下:
标量属性(包括数字及字符串)
如:

<Label width='50' height='25' text='Hello World'/>

 

1.

注意:属性的值不能包含@符号

数组属性

 

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>

1.



脚本对象数组

<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>

1.



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');

1.



编译标记
编译标记并不直接对应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 : 布尔属性的值只允许truefalse
04 : 标记必须同时包含sourcedestination属性,并且不能包含id属性;
05 : 标记的field属性是必须的,并且不能包含id属性;
06 : 标记必须包含wsdl或者serviceName属性,并且不能同时使用;
07 : 标记必须包含source或者named属性,并且不能同时使用;
08 : 标记必须包含url或者serviceName属性,并且不能同时使用;
09 : 标记必须包含name属性,并且不能包含id属性;
10 : 标记必须包含name属性,并且不能包含id属性。

 

01

 

0
0
查看评论

Flex精华摘要--基本语法

Flex基本语法绝大多数MXML标识符合AS3.0规范,MXML文件编译产生的SWF文件包含相应的AS对象。AS3.0是一种面向对象的语言,符合ECMAScript第4版规范。MXML文件的命名规范:1: 必须符合AS的命名规范,以字母或下划线开头;2 : 不得使用AS的类名、组件ID标识和命名空间...
  • terryzero
  • terryzero
  • 2009-08-11 22:00
  • 726

Flex精华摘要--如何开始

最近在网上看到几篇FLEX2的博客,感觉对初学者比较不错,于是略作修改,代码变为flex3,希望大家喜欢。你至少需要了解两种语言才能开发Flex应用程序:MXML和ActionScript。MXML是一种XML标记语言,主要用来设置Flex的用户界面,还包括一些不可见的元素,例如访问数据源、数据绑定...
  • terryzero
  • terryzero
  • 2009-08-09 22:55
  • 611

Flex精华摘要--使用AS脚本

在MXML文件中实现ActionScript逻辑的几种方法:最简单的方法,在一个MXML文件中通过组件的事件直接书写简单的逻辑控制,但是并不推荐。 注意其中的类型转换 第二种,在MXML文件中定义函数调用,比较适合简单的应用,如 <!--[CDATA[public functio...
  • terryzero
  • terryzero
  • 2009-08-12 22:38
  • 739

精华摘要

ttp://www.gotapi.com/  语言:英语  简介:HTML,CSS,XPATH,XSL,JAVASCRIPT等API的查询网站。 http://www.w3schools.com/  语言:英语  简介:W3C制定的标准诸如XML,H...
  • hongweideng
  • hongweideng
  • 2014-10-30 22:22
  • 319

Flex精华摘要 2:基本MXML功能

存储和验证数据你可以使用数据模型来存储特定数据,数据模型是一个可以提供存储数据属性和包含附加方法的AS对象。申明一个简单的没有任何方法的数据模型可以使用 或 标记,你还可以使用验证组件验证存储数据的有效性。Flex包含了一套标准的数据验证组件,当然你也可以创建自己的验证组件。下面的例子显示了一个简单...
  • JavaProgramers
  • JavaProgramers
  • 2006-05-25 11:12
  • 2551

Flex精华摘要 1:如何开始

你至少需要了解两种语言才能开发Flex应用程序:MXML和ActionScript。MXML是一种XML标记语言,主要用来设置Flex的用户界面,还包括一些不可见的元素,例如访问数据源、数据绑定等。ActionScript是一种面向对象的编程语言,采用ECMAScript第4版的标准,用来完成程序逻...
  • JavaProgramers
  • JavaProgramers
  • 2006-05-25 11:07
  • 3184

Flex精华摘要--基本MXML功能

存储和验证数据你可以使用数据模型来存储特定数据,数据模型是一个可以提供存储数据属性和包含附加方法的AS对象。申明一个简单的没有任何方法的数据模型可以使用 或 标记,你还可以使用验证组件验证存储数据的有效性。Flex包含了一套标准的数据验证组件,当然你也可以创建自己的验证组件。下面的例子显示了一个简单...
  • terryzero
  • terryzero
  • 2009-08-10 19:41
  • 665

Flex精华摘要 4:使用AS脚本

在MXML文件中实现ActionScript逻辑的几种方法:最简单的方法,在一个MXML文件中通过组件的事件直接书写简单的逻辑控制,但是并不推荐。 1. mx:Application xmlns:mx=http://www.macromedia.com/2003/mxml>...
  • JavaProgramers
  • JavaProgramers
  • 2006-05-25 11:32
  • 2438

Adobe Flex Builder 3 序列号

FlexBuilder3:1377-4168-2018-0771-2432-14951377-4760-3354-0772-2773-89961377-4165-2080-7265-7813-89011377-4964-5021-8182-2399-8235LiveCycle Data Servic...
  • kunshan_shenbin
  • kunshan_shenbin
  • 2009-08-19 16:44
  • 9057

FlexBuilder3安装集成eclipse

这里记录一下安装FB3_WWEJ_Plugin.exe(Flex的插件)的步骤,用来阐述eclipse中安装插件的两种方式(当然安装的方式不止两种):links方式和直接copy features与plugins文件夹的方式   一、links安装方式: 1、下载FB3_WWEJ_P...
  • orange2211
  • orange2211
  • 2016-03-23 17:00
  • 1429
    个人资料
    • 访问:1096017次
    • 积分:14277
    • 等级:
    • 排名:第1028名
    • 原创:305篇
    • 转载:28篇
    • 译文:0篇
    • 评论:592条
    最新评论
    [╄ 冷枫]简介