Flex相关的书,市面上不是很多,而且质量参差不齐。到dangdang,china-pub上看了看,都没有相中的。突然想起曾经一位高人说过的话:帮助是最好的参考书。就是说,看“帮助”比看什么书都强。于是乎,找到Flex的在线帮助文档http://livedocs.adobe.com/flex/3/html/index.html,
http://livedocs.adobe.com/flex/3/langref/index.html
浏览了前几章节,感觉讲的很详细,毕竟是官方的,虽然都是E文,但借着金山词霸的帮助,读下来还是没问题的。ok,就是它了。
在学习之前,还得找个写代码的工具。对于Flex来说,最好的当然就是Flex Builder了。从Adobe官网下载了最新的Flex3 Builder,http://www.adobe.com/products/flex/,安装好后,就可以开始了。
Hello,Flex!
记得以前每看一本语言的基础教程的时候,第一个例子就是经典的“Hello, World!”。当看到自己的第一个程序在屏幕上打印出“Hello,World!”的时候,一种小小的成就感油然而生。看来学Flex也得从这下手了。这里,就不Hello World了,来个“Hello,Flex!”吧。
1.选择“File”->“New”->“Flex Project”
2.输入工程名称,指定路径
3.直接点击“Finish”就可以了。
4.Flex Builder自动生成了HelloFlex.mxml文件,下面就在这个文件中写入代码:
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
- <mx:Panel title="Hello Flex"
- paddingTop="10"
- paddingBottom="10"
- paddingLeft="10"
- paddingRight="10"
- >
- <mx:Label text="Hello Flex!" fontWeight="bold" fontSize="24"/>
- </mx:Panel>
- </mx:Application>
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Panel title="Hello Flex" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10" > <mx:Label text="Hello Flex!" fontWeight="bold" fontSize="24"/> </mx:Panel> </mx:Application>
5.右键点击HelloFlex.mxml文件,选择“Run Application”,就会以网页的形式将结果展现出来
哈哈,成了!第一个Flex程序诞生了!感觉还挺简单。至于上面那些代码是什么意思?怎样产生这样的效果。只能往下看才知道了。