网页教学网
 当前位置: 网页教学网 >> 动画制作 >> Flash action技术 >> 阅读:Flex2 学习笔记 Ⅰ
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

Flex2 学习笔记 Ⅰ

http://www.webjx.com  更新日期:2006-08-21 08:21  出处:蓝色理想  作者:蓝色月光

第一章的内容很浅

前段时间由于想开发个 Flash 站点,包括后台管理在内由 Flash + XML + ASP 来实现,遇到的问题多多,在 Kakera 的强力推荐下开始学习并使用 Flex2 。

其实 Flex 推出已经有一段时间了,一直没怎么接触,现在可以说是从零开始,包括 AS3 。等等

也就相当于记点东西吧……也好久没写东西了,大家可别把这当教程来看,只是随便乱记而已。

其实里面内容还未收录完整,在这里偶还是大家建议查看 Flex 自带的帮助文件。

现在,我们开始构建一个基本的程序吧。

新建一个项目,如下图所示:

选择 Basic (e.g XML or web service from PHP/JSP/ASP.NET) ,然后 Next

在 Project name 里输入: HelloWorld ,使用默认路径。当然在这里你也可以设置成自定义的目录,最后都能达到最终效果。

等待文件生成完毕以后,我们可以在导航栏里看到整个项目相关的文件。 bin 目录是存放生成的 SWF 及原目录内的各种资源, html-template 目录就是 html 模板,这些我们不用管他。

源代码窗口里我们可以看到默认的 mxml 文件内容:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
</mx:Application>

下面左边的箭头图标是运行当前项目,右边的小虫子是以 Debug 模式运行。就在左上角,你注意点就看到了。

代码第一行不说了,地球人都知道……
mx:Application 相当于 Flash 里面的 _root 吧,偶觉得应该可以这么说,只不过在这里没有了时间帧的概念而已。 layout="absolute" 就是内容的绝对定位了。我们来开始在这里加一段: creationComplete="init(event)" ,意思是初始化完毕后执行 init 函数。

然后我们在 mx:Application 加入一个节点 <mx:Script> ,输入完毕后会自动生成 CDATA 信息,如果你是复制过去的就得自己来写了。 script 里面就是我们写 AS 的地方,不过这里换成了 AS3 还真是不习惯。= = 我们来输入 private function init(event:FlexEvent):void {},完毕后上面会自动插入 import mx.events.FlexEvent; , AS3 几乎用到的东西都需要 import 。此外别问偶 private public 什么的,不懂的回去补习 AS2 。完成后代码如下:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init(event)" layout="absolute">
<mx:Script>
    <![CDATA[
        import mx.events.FlexEvent;
        private function init(event:FlexEvent):void {
        }
    ]]>
</mx:Script>
</mx:Application>

既然是 HelloWorld ,我们就在 init 里面输入 trace("HelloWorld!"); 吧,在 Debug 模式下输出, OK , Console 窗口出现 HelloWorld! 字样,恭喜你,成功的制作出一个 Flex 程序来(第一节就到这里大家没意见吧?反正也就只是 HelloWorld ……)。当然,为了避免臭鸡蛋烂番茄什么的,偶再增加点内容……

代码里加上: private var str:String = "HelloWorld!"; , 然后 trace(str); ,嗯,一个稍微复杂点点的程序就出来了,真棒。
把 trace 换成 Alert 或许会更有成就感:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init(event)" layout="absolute">
<mx:Script>
    <![CDATA[
        import mx.controls.Alert;
        import mx.events.FlexEvent;
        private var str:String = "HelloWorld!";
        private function init(event:FlexEvent):void {
            Alert.show(str);
        }
    ]]>
</mx:Script>
</mx:Application>

下面的压缩包是 Josh Tynjala 写的 Hello World Flex ,他是 IFBIN Service 里的作者之一,偶稍微改了一下以适应 Flex2。

关键词:
推荐给好友】【关闭】【收藏本文
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为