flex开发环境上篇博客已经介绍过了,Flash Builder 4的界面布局和Eclipse基本是一样的,他是在Eclipse的基础上进一步针对flex开发的,所以如果用过Eclipse,那么对flash Builder的使用应该没问题。
下面演示一下入门惯例----HelloWorld。不多解释语法或原理,仅仅是做一个最简单的Demo,目的是让读者简单了解,提起兴趣。
创建项目
工程命名:
应用程序类型使用默认的Web Application,另一种是Desktop Application,是运行在Adobe公司AIR产品的桌面应用,有兴趣的可以查查,这里演示flex的web应用.
完成项目创建后,出现界面如下:
点击设计,将从源代码界面进入设计界面,flex支持可视化几面,可以把控件拖拽到界面里.并进行属性的设置.
拖拽一个label放到界面上,在右面属性里设置文本的内容为”HelloWorld”,设置字体大小,界面背景等,或者可以直接在源码界面编写Mxml脚本.
效果如下
程序写完后,就可以在浏览器里运行查看了,使用web方式运行.
运行结果,
这只是一个最简单demo,在mxml里写的脚本可以直接在浏览器里显示,但是客户端一定要安装Adobe Flash Player9 or 10,否则就不能显示了.
这个demo,只是简单的界面展示,没有数据交互等复杂操作.使用flex可以在浏览器里编写很多可以媲美cs的界面样式,还有更多功能等待有兴趣的人继续探索.