2008-04-23

Hello,Flex!

    刚开始学习Flex,不知从何下手。从以往学习C++,Java的经验来看,任何一门语言都要理论与实践结合。就是找一本书,边看边练,这样学的快。如果有一位前辈教,那就更好了。不过目前看来,只能“自学成才”了。

    Flex相关的书,市面上不是很多,而且质量参差不齐。到dangdang,china-pub上看了看,都没有相中的。突然想起曾经一位高人说过的话:帮助是最好的参考书。就是说,看“帮助”比看什么书都强。于是乎,找到Flex的在线帮助文档http://livedocs.adobe.com/flex/3/html/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>

 5.右键点击HelloFlex.mxml文件,选择“Run Application”,就会以网页的形式将结果展现出来

哈哈,成了!第一个Flex程序诞生了!感觉还挺简单。至于上面那些代码是什么意思?怎样产生这样的效果。只能往下看才知道了。

评论
发表评论

您还没有登录,请登录后发表评论

tangshuo
搜索本博客
我的相册
存档
最新评论