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

原创 2006年05月25日 11:32:00

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

 

 

 

相关文章推荐

AS3及Flex的常用实用问题(4)

【改变输出swf的尺度,布景颜色或帧频】 在"Navigator"窗框里右键你的项目>选中"Properties">选中"ActionScript Compiler">在"Additional co...

Flex及AS3的百多条小知识(4)

【隐藏Flash Player的右键菜单】 stage.showDefaultContextMenu = false; 【检测系统是否具有音频功能】 flash.system.Capabilities...

Flex中的CSS: (4)内部样式和内联样式最终被编译的AS源文件不相同

看例子。 这些区别有助于我们归纳编译器对不同形式CSS的编译规则。 内部样式: ...
  • tiangej
  • tiangej
  • 2012年06月14日 23:39
  • 842

flex中使用as代码创建popup、panel、titleWindow等组件

先创建了一个list列表,作为显示的主要内容,然后用panel来装载它,用button来控制打开或者关闭panel 代码如下:     一年级   二年级   三年级     ...

FLEX使用Model标签与定制as类

使用 可在Model里放置数据的结构:                                                                          ...

Flex:截图实现之(1)使用AS3对剪贴板读取与写入

很有用的一篇文章,感谢原作者的分享。http://www.cnblogs.com/shinings/archive/2010/04/10/1709047.html基于安全考虑,Flash只允许将数据写...

对于使用fb建立flex库文件被其他as工程使用的注意事项

对于建立的flex库文件,无论你是合并到代码中还是外部链接,他都是一样的,将所有的东西都加载到swc文件中去。 如果你想使用上面生成的swc文件,你可以在as工程中添加项目来加入你刚才编写的flex...

flex中使用RemoteObject与java通信(使用AS实现)

flex中页面采集上来的数据与后端service的交互,中间的桥梁是前端Java了,也就是EJB Client。一般使用RemoteObject来实现比较方便,这里我写一下AS文件中的简单实现。 1...
  • flygoa
  • flygoa
  • 2012年08月30日 00:18
  • 2444

从 Adobe 官方下载 AS3 Flex3 Flex4 的帮助文档 地址

相信有一些人可能正想下载AS3, Flex3,Flex4的帮助文档,也许是感觉自己手里的文档制作的不大好, 也可能认为官方的文档有些错误进行了更正,更新,但自己的帮助文档可能不是最新的。。。。。 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Flex精华摘要 4:使用AS脚本
举报原因:
原因补充:

(最多只允许输入30个字)