首先去下载flex的安装软件。你可以有选择的下载。
1、选择flex builder。直接安装就可以了。
2、选择flex的eclipse插件。在使用插件安装的时候需要你选定eclipse的安装目录。
如果你想把插件集成在myeclipse上,找到你的myeclipse的安装位置,下一级就发现有个eclipse的文件夹,
选定这个文件夹就可以了,不过其安装时间比较长。主要是构建环境。
好了。现在你的flex安装好了。
第一个flex程序我准备用flex builder进行编写。
一个简单的flex程序。
1、打开你的flex builder或myeclipse都可以。如果是myeclipse请切换到flex development的视图。
2、新建一个flex项目。出现如下视图:
填写项目名选择项目存放的位置。那个applications server type选择none,此外它还有J2EE,asp.net,coldfusion,php,other。
那些选项是为不同运行环境而设定的。
下一次的flex更新我将介绍如何与Java交互。具体是建立在tomcat服务器端的交互。
后面的都可以默认,因为选择的是none,如果是其他应用就不同。直接点finish就可以了。
出现了一个视图,你可以按住CTRL+F11,运行看看。
自动打开一个浏览器地址栏是
C:\Documents and Settings\Administrator\My Documents\Flex Builder 3\FlexTest\bin-debug\FlexTest.html
看看bin-debug是在上面设置的位置,而现实的却是一个html的网页。
在网页上点击右键,很快你将发现这是使用adobe flash打开,一个swf文件。
在以后的文章中我将说说是怎么回事。
了解视图。学过vb的同志对这东西 应该很熟悉。
提供设计视图和源码视图的切换。后面的那个是个刷新的,最右边的是一个展示布局的。(当有多种布局的时候这个很有用)
这里就是一些控件布局等等。outline是现实布局上的控件,及层次关系。
控件的属性栏。
这个是状态栏。到现在我还没用到这个栏。
好啦,第一个程序开始。
在空间栏的controls中拉三个label和两个textinput和一个button过来。在属性栏填写其text值或双击填写值或切换到源码视图编写其属性。
如图:
现在填写一些东西,姓名后的输入栏,id填写为yourName,年龄的id为yourAge,button的id为submit,下面的label的id是message
然后切换到,源码视图。
插入如下代码:
<mx:Script>
<![CDATA[
public function display():void{
message.text = "your input name is: " + yourName.text + " you input age is: " + yourAge.text ;
}
]]>
</mx:Script>
找到button代码处。在后面添加。click事件。
代码如下
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
public function display():void{
message.text = "your input name is: " + yourName.text + " you input age is: " + yourAge.text ;
}
]]>
</mx:Script>
<mx:Label x="77" y="92" text="姓名:" fontSize="14"/>
<mx:TextInput x="143" y="94" id="yourName"/>
<mx:Label x="77" y="150" text="年龄:" fontSize="14"/>
<mx:TextInput x="143" y="148" id="yourAge"/>
<mx:Button x="143" y="213" label="提交" fontSize="14" id="submit" click="display()"/>
<mx:Label x="112" y="263" width="191" height="85" id="message" />
</mx:Application>
CTRL+F11 运行,输入姓名和年龄。点击提交。
出现在message上就会有:
没有显示完全,
呵呵。label有字数限制的。如果想显示就选择别的吧,如textarea。
反正第一个flex程序弄好了。
原理很简单,button点击的时候就把message的值赋进去,而这个值是从。
你输入的姓名和年龄得到的。
而处理时间是用<mx:Script></mx:Script>,其实这个就是一个actionscript,
编写方式与Java编写有点区别,但是不是很大(自我感觉)。
好啦,现在的第一个flex已经完成了。
源地址:http://www.blogjava.net/duduli/archive/2009/04/04/263873.html
flex学习已经发布:http://www.blogjava.net/duduli/category/38782.html
- 大小: 64.4 KB
- 大小: 5.4 KB
- 大小: 10 KB
- 大小: 43.2 KB
- 大小: 8.2 KB
- 大小: 7.2 KB
分享到:
相关推荐
flex4 实战 flex4 in action pdf源码和配套的源码 和大家分享
Flex4实战-Flex in Action Flex已经从原来构建Flash应用程序的一种方式发展成为 一个丰富的体系。Flex 4中引入了新的UI组件,提供了更好 的性能监控,并且大大提高了编译速度。 《Flex 4实战》是一本全面的指南...
Flex4 in Action 经典图书,E文不好的等待翻译吧
Flex 3 in Action is an easy-to-follow, hands-on Flex tutorial. Chock-full of examples, this book goes beyond feature coverage and helps you put Flex to work in real day-to-day tasks. You'll quickly ...
flex,flex与Myeclipse插件安装教程,图解教程 很详细的内容,希望有所帮助!
Flex 3 in Action is an easy-to-follow, hands-on Flex tutorial. Chock full of examples, this book goes beyond feature coverage and helps you put Flex to work in real day-to-day tasks. You'll quickly ...
Flex3inAction,学习Flex必备书籍!!!
编译原理课程中的flex和yacc 这是flex的安装程序
一段Flex4编写的计算器小程序,代码配有简单的注释。
Flex 4 in Action.pdf
Flex简介、Flex的安装和开发环境的建立、MXML 语法简介、使用容器控制界面布局、使用组件处理数据和交互、使用行为对象和动画效果、ActionScript 3.0编程知识、Flex的事件机制、数据绑定、组件的使用、Flex 2.0新...
FlexBuiler安装及新建Flex工程步骤
flex第一步
使用Flex SDK创建第一个桌面AIR应用程序
本次资源就是针对一次编译原理实验,实验的内容就是用flex工具自动构造词法分析程序
第13、14、15章各自包括了一个完整的程序,这些程序的服务端脚本和Flex程序代码是分开存放的。其中Flex程序代码放在FlexSource文件夹中,服务端Remoting程序代码放在JavaSource或phpSource文件夹中。其它章的服务端...