Flex入门(二)HelloWorld

    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的界面样式,还有更多功能等待有兴趣的人继续探索.