`
javasogo
  • 浏览: 1782993 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

Flex基本语法

FlexXML脚本 
阅读更多
Flex基本语法
绝大多数MXML标识符合AS2.0规范，MXML文件编译产生的SWF文件包含相应的AS对象。
AS2.0是一种面向对象的语言，符合ECMAScript第4版规范。
MXML文件的命名规范：
1 : 必须符合AS的命名规范，以字母或下划线开头；
2 : 不得使用AS的类名、组件ID标识和命名空间的MXML标识作为文件名；
3 : 文件名必须用小写的.mxml作为后缀名。

在MXML文件中，组件的属性使用和AS类相同的命名约定，以小写字母开头，每个单词的开头字母大写。你可以有两种方式设置属性的值：使用标记的属性或者子节点标记。Macromedia推荐使用标记的属性来设置一般组件属性，复杂的组件属性用子节点来完成。MXML的组件属性包含如下：
标量属性（包括数字及字符串）
如：
  1. <Labelwidth='50'height='25'text='HelloWorld'/>

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

数组属性
  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>
    10. mx:dataProvider>
  10. <mx:Array>
  11. <mx:Number>94062</mx:Number>
  12. <mx:Number>14850</mx:Number>
  13. <mx:Number>53402</mx:Number>
  14. </mx:Array>
  15. </mx:dataProvider>
  16. </mx:List>
    17. mx:Array>
  17. <mx:Number>94062</mx:Number>
  18. <mx:Number>14850</mx:Number>
  19. <mx:Number>53402</mx:Number>
  20. </mx:Array>
  21. </mx:dataProvider>
  22. </mx:List>
    23. mx:Number>94062</mx:Number>
  23. <mx:Number>14850</mx:Number>
  24. <mx:Number>53402</mx:Number>
  25. </mx:Array>
  26. </mx:dataProvider>
  27. </mx:List>
    28. mx:Number>14850</mx:Number>
  28. <mx:Number>53402</mx:Number>
  29. </mx:Array>
  30. </mx:dataProvider>
  31. </mx:List>
    32. mx:Number>53402</mx:Number>
  32. </mx:Array>
  33. </mx:dataProvider>
  34. </mx:List>
    35. mx:Array>
  35. </mx:dataProvider>
  36. </mx:List>
    37. mx:dataProvider>
  37. </mx:List>
    38. mx:List>
  38. <mx:dataProvider>
  39. <mx:Array>
  40. <mx:Number>94062</mx:Number>
  41. <mx:Number>14850</mx:Number>
  42. <mx:Number>53402</mx:Number>
  43. </mx:Array>
  44. </mx:dataProvider>
  45. </mx:List>
  46. <mx:Array>
  47. <mx:Number>94062</mx:Number>
  48. <mx:Number>14850</mx:Number>
  49. <mx:Number>53402</mx:Number>
  50. </mx:Array>
  51. </mx:dataProvider>
  52. </mx:List>
  53. <mx:Number>94062</mx:Number>
  54. <mx:Number>14850</mx:Number>
  55. <mx:Number>53402</mx:Number>
  56. </mx:Array>
  57. </mx:dataProvider>
  58. </mx:List>
  59. <mx:Number>14850</mx:Number>
  60. <mx:Number>53402</mx:Number>
  61. </mx:Array>
  62. </mx:dataProvider>
  63. </mx:List>
  64. <mx:Number>53402</mx:Number>
  65. </mx:Array>
  66. </mx:dataProvider>
  67. </mx:List>
  68. </mx:Array>
  69. </mx:dataProvider>
  70. </mx:List>
  71. </mx:dataProvider>
  72. </mx:List>
  73. </mx:List>


脚本对象
因为脚本对象比较复杂，所以一般使用子节点的方式来设置属性的值，如：
  1. <mynamespace:MyComponent>
  2. <mynamespace:nameOfProperty>
  3. <objectTypeprop1='val1'prop2='val2'/>
  4. </mynamespace:nameOfProperty>
  5. </mynamespace:MyComponent>
    6. mynamespace:nameOfProperty>
  6. <objectTypeprop1='val1'prop2='val2'/>
  7. </mynamespace:nameOfProperty>
  8. </mynamespace:MyComponent>
    9. objectTypeprop1='val1'prop2='val2'/>
  9. </mynamespace:nameOfProperty>
  10. </mynamespace:MyComponent>
    11. mynamespace:nameOfProperty>
  11. </mynamespace:MyComponent>
    12. mynamespace:MyComponent>
  12. <mynamespace:nameOfProperty>
  13. <objectTypeprop1='val1'prop2='val2'/>
  14. </mynamespace:nameOfProperty>
  15. </mynamespace:MyComponent>
  16. <objectTypeprop1='val1'prop2='val2'/>
  17. </mynamespace:nameOfProperty>
  18. </mynamespace:MyComponent>
  19. </mynamespace:nameOfProperty>
  20. </mynamespace:MyComponent>
  21. </mynamespace:MyComponent>



脚本对象数组
  1. <mynamespace:MyComponent>
  2. <mynamespace:dataProvider>
  3. <mx:Array>
  4. <mynamespace:ListItemlabel='One'data='1'/>
  5. <mynamespace:ListItemlabel='Two'data='2'/>
  6. </mx:Array>
  7. </mynamespace:dataProvider>
  8. </mynamespace:MyComponent>
    9. mynamespace:dataProvider>
  9. <mx:Array>
  10. <mynamespace:ListItemlabel='One'data='1'/>
  11. <mynamespace:ListItemlabel='Two'data='2'/>
  12. </mx:Array>
  13. </mynamespace:dataProvider>
  14. </mynamespace:MyComponent>
    15. mx:Array>
  15. <mynamespace:ListItemlabel='One'data='1'/>
  16. <mynamespace:ListItemlabel='Two'data='2'/>
  17. </mx:Array>
  18. </mynamespace:dataProvider>
  19. </mynamespace:MyComponent>
    20. mynamespace:ListItemlabel='One'data='1'/>
  20. <mynamespace:ListItemlabel='Two'data='2'/>
  21. </mx:Array>
  22. </mynamespace:dataProvider>
  23. </mynamespace:MyComponent>
    24. mynamespace:ListItemlabel='Two'data='2'/>
  24. </mx:Array>
  25. </mynamespace:dataProvider>
  26. </mynamespace:MyComponent>
    27. mx:Array>
  27. </mynamespace:dataProvider>
  28. </mynamespace:MyComponent>
    29. mynamespace:dataProvider>
  29. </mynamespace:MyComponent>
    30. mynamespace:MyComponent>
  30. <mynamespace:dataProvider>
  31. <mx:Array>
  32. <mynamespace:ListItemlabel='One'data='1'/>
  33. <mynamespace:ListItemlabel='Two'data='2'/>
  34. </mx:Array>
  35. </mynamespace:dataProvider>
  36. </mynamespace:MyComponent>
  37. <mx:Array>
  38. <mynamespace:ListItemlabel='One'data='1'/>
  39. <mynamespace:ListItemlabel='Two'data='2'/>
  40. </mx:Array>
  41. </mynamespace:dataProvider>
  42. </mynamespace:MyComponent>
  43. <mynamespace:ListItemlabel='One'data='1'/>
  44. <mynamespace:ListItemlabel='Two'data='2'/>
  45. </mx:Array>
  46. </mynamespace:dataProvider>
  47. </mynamespace:MyComponent>
  48. <mynamespace:ListItemlabel='Two'data='2'/>
  49. </mx:Array>
  50. </mynamespace:dataProvider>
  51. </mynamespace:MyComponent>
  52. </mx:Array>
  53. </mynamespace:dataProvider>
  54. </mynamespace:MyComponent>
  55. </mynamespace:dataProvider>
  56. </mynamespace:MyComponent>
  57. </mynamespace:MyComponent>



XML数据
  1. <mynamespace:MyComponent>
  2. <mynamespace:valuexmlns: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>
    13. mynamespace:valuexmlns:a='http://www.example.com/myschema'>
  13. <mx:XML>
  14. <a:purchaseorder>
  15. <a:billingaddress>
  16. ...
  17. </a:billingaddress>
  18. ...
  19. </a:purchaseorder>
  20. </mx:XML>
  21. </mynamespace:value>
  22. </mynamespace:MyComponent>
    23. mx:XML>
  23. <a:purchaseorder>
  24. <a:billingaddress>
  25. ...
  26. </a:billingaddress>
  27. ...
  28. </a:purchaseorder>
  29. </mx:XML>
  30. </mynamespace:value>
  31. </mynamespace:MyComponent>
    32. a:purchaseorder>
  32. <a:billingaddress>
  33. ...
  34. </a:billingaddress>
  35. ...
  36. </a:purchaseorder>
  37. </mx:XML>
  38. </mynamespace:value>
  39. </mynamespace:MyComponent>
    40. a:billingaddress>
  40. ...
  41. </a:billingaddress>
  42. ...
  43. </a:purchaseorder>
  44. </mx:XML>
  45. </mynamespace:value>
  46. </mynamespace:MyComponent>
    47. a:billingaddress>
  47. ...
  48. </a:purchaseorder>
  49. </mx:XML>
  50. </mynamespace:value>
  51. </mynamespace:MyComponent>
    52. a:purchaseorder>
  52. </mx:XML>
  53. </mynamespace:value>
  54. </mynamespace:MyComponent>
    55. mx:XML>
  55. </mynamespace:value>
  56. </mynamespace:MyComponent>
    57. mynamespace:value>
  57. </mynamespace:MyComponent>
    58. mynamespace:MyComponent>
  58. <mynamespace:valuexmlns:a='http://www.example.com/myschema'>
  59. <mx:XML>
  60. <a:purchaseorder>
  61. <a:billingaddress>
  62. ...
  63. </a:billingaddress>
  64. ...
  65. </a:purchaseorder>
  66. </mx:XML>
  67. </mynamespace:value>
  68. </mynamespace:MyComponent>
  69. <mx:XML>
  70. <a:purchaseorder>
  71. <a:billingaddress>
  72. ...
  73. </a:billingaddress>
  74. ...
  75. </a:purchaseorder>
  76. </mx:XML>
  77. </mynamespace:value>
  78. </mynamespace:MyComponent>
  79. <a:purchaseorder>
  80. <a:billingaddress>
  81. ...
  82. </a:billingaddress>
  83. ...
  84. </a:purchaseorder>
  85. </mx:XML>
  86. </mynamespace:value>
  87. </mynamespace:MyComponent>
  88. <a:billingaddress>
  89. ...
  90. </a:billingaddress>
  91. ...
  92. </a:purchaseorder>
  93. </mx:XML>
  94. </mynamespace:value>
  95. </mynamespace:MyComponent>
  96. ...
  97. </a:billingaddress>
  98. ...
  99. </a:purchaseorder>
  100. </mx:XML>
  101. </mynamespace:value>
  102. </mynamespace:MyComponent>
  103. ...
  104. </a:purchaseorder>
  105. </mx:XML>
  106. </mynamespace:value>
  107. </mynamespace:MyComponent>
  108. </mx:XML>
  109. </mynamespace:value>
  110. </mynamespace:MyComponent>
  111. </mynamespace:value>
  112. </mynamespace:MyComponent>
  113. </mynamespace:MyComponent>



样式属性
主要进行组件的样式控制，如
  1. <mx:TextAreaid='myText'text='helloworld'fontFamily='Tahoma'/>
  2. //和下面的AS代码是等效的
  3. myText.text='helloworld';
  4. myText.setStyle('fontFamily','Tahoma');
    5. //和下面的AS代码是等效的
  5. myText.text='helloworld';
  6. myText.setStyle('fontFamily','Tahoma');
    7. myText.text='helloworld';
  7. myText.setStyle('fontFamily','Tahoma');
    8. myText.setStyle('fontFamily','Tahoma');
  8. //和下面的AS代码是等效的
  9. myText.text='helloworld';
  10. myText.setStyle('fontFamily','Tahoma');
  11. myText.text='helloworld';
  12. myText.setStyle('fontFamily','Tahoma');
  13. myText.setStyle('fontFamily','Tahoma');



编译标记
编译标记并不直接对应AS类或其属性，主要有：

相关推荐

    flex基本语法总结

    flex语法总结，主要是actionscript的基本语法和一些列插件的使用。

    flex基础语法

    flex的基础语法介绍，版本是V4.0后的语法介绍，方便入门。

    Flex布局基本语法.xmind

    Flex布局基本语法,各属性及其取值树状图整理

    Flex AS3语法学习

    该教程简单明了，适合有程序编写基础的人学习。

    Flex教程系列之(四) AS3语法——面对对象编程

    Flex教程系列之(一) AS3语法——编程基础 http://download.csdn.net/source/1161756 Flex教程系列之(二) AS3语法——流程控制语句 http://download.csdn.net/source/1161804 Flex教程系列之(三) AS3语法——控制...

    flex-MXML语法

    flex -MXML语法，介绍flex 的 mxml的基本语法构成，适合一般学习者使用

    Flex 入门，介绍Flex的基本语法信息和简单使用。较新的UI设计语言

    Flex 入门，介绍Flex的基本语法信息和简单使用。较新的UI设计语言

    flex弹性布局基本语法（修改版）.pdf

    flex弹性布局基本语法（修改版）.pdf

    flex4视频教程-语法基础

    flex4视频教程之语法基础，教程讲的比较详细，帮助初学者很有好处！

    Flex学习笔记-基本语法

    最近开始学习Flex，其中用到了AS，AS2到AS3发生了很大的变化，完全的面向对象，知道这个特点以后我也一直没有特意的好好去学学AS3，但是随着最近学习的深入，还是有必要学习一下

    Actionscript3.0基础语法

    actionscript 3.0基础语法讲解。

    Flex教程系列之(五) AS3语法——静态常量继承和接口

    Flex教程系列之(一) AS3语法——编程基础 http://download.csdn.net/source/1161756 Flex教程系列之(二) AS3语法——流程控制语句 http://download.csdn.net/source/1161804 Flex教程系列之(三) AS3语法——控制...

    Flex-超级学习资料集锦

    权威之作，和，精品之作，两本书都： 按照Flex技术点，由浅入深、循序渐进地对Flex的开发工具、基本语法、基本的容器和控件的语法及使用、高级编程、自定义的各类组件、页面的风格和主题、Flex与HTML的通信、共享...

    flex 第一步全部源码 实例源码

    本书全面、详尽、深入浅出地讲解了Flex应用开发的方方面面，从最基本的Flex概念，MXML和ActionScript 3.0语法开始，围绕Flex的技术特性和Flex应用开发中常见的疑难点展开剖析。 　全书共分为17章。内容包括：Flex...

    Flex基础编程实例

    编程基础语法 流程控制语句 控制语句和数据类型 面对对象编程 静态常量继承和接口 数组和类型转换

    FLEX从入门到精通.pdf

    　3.1.1　基本语法 　3.1.2　保留关键字 　3.1.3　变量和数据类型 　3.2　控制结构 　3.2.1　条件语句 　3.2.2　循环 　3.3　使用类和数据类型 　3.3.1　值类型 　3.3.2　数字型 　3.3.3　字符串 　3.3.4　数组 　...

    as3 flex基础知识100条

    as3 flex基础知识100条详细介绍了as3的基础语法应该注意的东西

    flex3使用说明

    该文档详细介绍了flex3的安装使用，基本语法，与java后台的通信，结合fusioncharts的使用以及特效的使用

    flex3使用教程

    该文档介绍了flex的基本使用情况，包括安装，基本语法，与struts的结合，怎样调用后台数据，特效的使用，fusioncharts的使用等

Magicbox
Global site tag (gtag.js) - Google Analytics