关闭

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

标签: flexapplicationactionscriptfunctionbutton项目管理
2439人阅读 评论(0) 收藏 举报
分类:

MXML文件中实现ActionScript逻辑的几种方法:
最简单的方法,在一个MXML文件中通过组件的事件直接书写简单的逻辑控制,但是并不推荐。

 

1. <mx:Application xmlns:mx='http://www.macromedia.com/2003/mxml'>
 

2. <mx:Panel title='My Application' >
 

3. <mx:HBox>
 

4. <mx:Label text='Temperature in Farenheit:'/>
 

5. <mx:TextInput id='farenheit' width='120'/>
 

6. <mx:Button label='Convert' click='celsius.text=(farenheit.text-32)/1.8;' />
 

7. <mx:Label text='Temperature in Celsius:'/>
 

8. <mx:Label id='celsius' width='120' fontSize='48'/>
 

9. </mx:HBox>

10.  </mx:Panel>

11.  </mx:Application>

 

 



第二种,在MXML文件中定义函数调用,比较适合简单的应用,如

 

1. <mx:Application xmlns:mx='http://www.macromedia.com/2003/mxml'>
 

2. <mx:Script>
 

3. <![CDATA[
 

4. function calculate() { 
 

5. celsius.text=(farenheit.text-32)/1.8;
 

6.  }
 

7. ]]>
 

8. </mx:Script>
 

9. <mx:Panel title='My Application' >

10.  <mx:HBox>

11.  <mx:Label text='Temperature in Farenheit:'/>

12.  <mx:TextInput id='farenheit' width='120'/>

13.  <mx:Button label='Convert' click='calculate();' />

14.  <mx:Label text='Temperature in Celsius:'/>

15.  <mx:Label id='celsius' width='120' fontSize='48'/>

16.  </mx:HBox>

17.  </mx:Panel>

18.  </mx:Application>

 

 



第三种,把MXML文件和脚本文件分开,便于项目管理

 

1. <mx:Application xmlns:mx='http://www.macromedia.com/2003/mxml'>
 

2. <!-- Specify the ActionScript file containing the function. -->
 

3. <mx:Script source='sample3script.as'/>
 

4. <mx:Panel title='My Application' >
 

5. <mx:HBox>
 

6. <mx:Label text='Temperature in Farenheit:'/>
 

7. <mx:TextInput id='farenheit' width='120'/>
 

8. <mx:Button label='Convert' click='calculate();' />
 

9. <mx:Label text='Temperature in Celsius:'/>

10.  <mx:Label id='celsius' width='120' fontSize='48'/>

11.  </mx:HBox>

12.  </mx:Panel>

13.  </mx:Application>

 

 


sample.as
文件代码如下:

function calculate() { 

 

2. celsius.text=(farenheit.text-32)/1.8;

3.  }

 

1.



第四种,使用MXML组件方式,更好的封装实现。下面的例子定义了一个tempConverter组件

 

1. <mx:Application xmlns:mx='http://www.macromedia.com/2003/mxml'
 

2. initialize='converter.setupListener()'>
 

3. <local:TempConverter id='converter' xmlns:local='*'/>
 

4. <mx:Panel title='My Application' >
 

5. <mx:HBox>
 

6. <mx:Label text='Temperature in Farenheit:' />
 

7. <mx:TextInput id='farenheit' width='120' />
 

8. <mx:Button id='myButton' label='Convert' />
 

9. <mx:Label text='Temperature in Celsius:' />

10.  <mx:Label id='celsius' width='120' fontSize='24' />

11.  </mx:HBox>

12.  </mx:Panel>

13.  </mx:Application>

 

 


TempConverter.as
文件代码如下:

 

1. class TempConverter implements mx.core.MXMLObject{ 
 

2. public var view;
 

3. function initialized(doc : Object, id : String) : Void { 
 

4. view = doc;
 

5.  }
 

6. function setupListener() : Void { 
 

7. view.myButton.addEventListener('click', this);
 

8.  }
 

9. function click(event) { 

10.  view.celsius.text=(view.farenheit.text-32)/1.8;

11.   }

12.   }

 

 

 

0
0
查看评论

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

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

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

Flex精华摘要--如何开始

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

Flex精华摘要 3:基本语法

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

精华摘要

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

Flex精华摘要 1:如何开始

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

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

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

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

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

[冷枫]Flex精华摘要 5:使用样式和字体

Flex所支持的样式比Flash要丰富,样式定义的方法也很多。这也是Flex比Flash要强大、适合网页开发的地方之一。样式定义类型1. 外部样式表mx:Style source=/css/myStyle.css/>   1. Flex会调用全局样式表global...
  • BNickcour
  • BNickcour
  • 2008-06-19 09:48
  • 579

Flex 容器阴影

<![CDATA[ private function getBitmapFilter():BitmapFilter { var color:Number = 0x656262;//阴影颜色。 var alpha:Number = 0.4; //调节阴影的透明度。值越小。越透...
  • kalision
  • kalision
  • 2011-12-21 14:01
  • 3153
    个人资料
    • 访问:1096693次
    • 积分:14281
    • 等级:
    • 排名:第1028名
    • 原创:305篇
    • 转载:28篇
    • 译文:0篇
    • 评论:592条
    最新评论
    [╄ 冷枫]简介