WEB开发网
开发学院图形图像Flash Flex in action(一)安装及编写你的第一个Flex程... 阅读

Flex in action(一)安装及编写你的第一个Flex程序

 2009-04-04 12:01:30 来源:WEB开发网   
核心提示: 插入如下代码:1<mx:Script>2<![CDATA[3publicfunctiondisplay():void{4message.text="yourinputnameis:"+yourName.text+"youinputageis:

插入如下代码:

1 <mx:Script>
2     <![CDATA[
3         public function display():void{
4             message.text = "your input name is: " + yourName.text + " you input age is: " + yourAge.text ;
5         }
6     ]]>
7 </mx:Script>

找到button代码处。在后面添加。click事件。

代码如下

1     <mx:Button x="143" y="213" label="提交" fontSize="14" id="submit" click="display()"/>

整个代码如下:

 1 <?xml version="1.0" encoding="utf-8"?>
 2 <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
 3 <mx:Script>
 4     <![CDATA[
 5         public function display():void{
 6             message.text = "your input name is: " + yourName.text + " you input age is: " + yourAge.text ;
 7         }
 8     ]]>
 9 </mx:Script>
10 
11     <mx:Label x="77" y="92" text="姓名:" fontSize="14"/>
12     <mx:TextInput x="143" y="94" id="yourName"/>
13     <mx:Label x="77" y="150" text="年龄:" fontSize="14"/>
14     <mx:TextInput x="143" y="148" id="yourAge"/>
15     <mx:Button x="143" y="213" label="提交" fontSize="14" id="submit" click="display()"/>
16     <mx:Label x="112" y="263" width="191" height="85" id="message" />
17     
18 </mx:Application>

CTRL+F11 运行,输入姓名和年龄。点击提交。

出现在message上就会有:

Flex in action(一)安装及编写你的第一个Flex程序

没有显示完全,

呵呵。label有字数限制的。如果想显示就选择别的吧,如textarea。

反正第一个flex程序弄好了。

原理很简单,button点击的时候就把message的值赋进去,而这个值是从。

你输入的姓名和年龄得到的。

而处理时间是用<mx:Script></mx:Script>,其实这个就是一个actionscript,

编写方式与Java编写有点区别,但是不是很大(自我感觉)。

好啦,现在的第一个flex已经完成了。

下一次就会讲解,与J2EE的交互了。

上一页  1 2 3 

Tags:Flex in action

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接