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

相关文章

一:display:flex布局display:flex是一种布局方式。它即可以...
1. flex设置元素垂直居中对齐在之前的一篇文章中记载过如何...
移动端开发知识点pc端软件和移动端apppc端软件是什么,有哪些...
最近挺忙的,准备考试,还有其他的事,没时间研究东西,快周...
display:flex;把容器设置为弹性盒模型(设置为弹性盒模型之后...
我在网页上运行了一个Flex应用程序,我想使用Command←组合键...