FD3

FlashDevelop AS3 Project (1)

Flash AS3 2009-11-17 16:37:47 阅读107 评论0 字号：大中小

1.安装和运行

1.1 FlashDevelop的安装

安装必备：.Net Framework 2.0(或更高版本)

使用必备：(1)JDK1.5

                    (2)FlexSDK 3.0

安装时，建议把第5项Multi Instance Mode选上，以便在使用的时候可以打开

多个FlashDevelop

1.2 打开FlashDevelop

打开软件，我们可以看到一个开始页，这里有一些消息，还提供了一个最新版

本可的下载连接。你还可以新建项目或者打开一个项目

2.简单配置

2.1 设置FlexSDK路径

从菜单选择Tools -> Program Settings...打开设置面板

在左边选择AS3Context,在右边Flex SDK Location选项设定好FlexSDK的路径

2.2 设置全局包路径

从菜单选择Tools-->Global Classpaths...

打开面板后，点击Add Classpath按钮来添加外部包的路径

在上图所示的路径下，有如下这些文件夹

添加好后，在IDE里面就能感应到了，FlashDevelop里面的代码感应能力还是很不错的，让我们来看一下效果

FlashDevelop AS3 Project(2)

Flash AS3 2009-11-17 16:51:14 阅读142 评论0 字号：大中小

3.新建一个AS3 Project

点击选择StartPage上的New Project或者右侧面板中的Create a new project

选择AS3 Project 设定好项目路径，选上Create directory for project程序会自动为你的项目创建文件夹。点击OK

完成后程序会建立好一个模板形式的项目。有bin,lib,src三个目录。bin里面会自动生成一个swf文件和一个html文件，swf文件用于flashplayer的下载，html文件里已经写好了将项目嵌入到网页的所有代码。Src里自动生成了一个文档类。新建的空项目大小为28K，如不需要可以把bin目录里的文件都删掉。右键单击Main.as，你会看到Always Compile被选中了，如果你的文档类不是Main.as，可以通过这个选项来改变

从菜单上选择Project-->Properties...打开属性面板

在output里可以设定影片版本、大小、帧速率、背景色、发布路径、测试方式

在classpaths里设定代码路径，还可以编辑全局包的路径

做好基本设定后，我们来测试一下影片。点击工具栏上的“Test Movie”按钮，或者按下快捷键“F5”或“Ctrl+Enter”

编译成功后，程序会启动FlashPlayer来播放我们的影片，会看到如下效果

FlashDevelop AS3 Project(3)

Flash AS3 2009-11-17 17:32:58 阅读119 评论0 字号：大中小

4.资源加载

4.1 加载方式

4.1.1 外部资源加载

在as3中通常我们在加载外部图片、SWF等外部资源时我使用Loader来进行加载。对于存放在d盘根目录下的一张图片，我们是这样来加载的

var loader:Loader = new Loader();

loader.load(new URLRequest(“d:\pic.jpg”));

loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadCompleteHandler);

function loadCompleteHandler(e:Event):void

{

        var bitmap:Bitmap = Bitmap(e.target.content);

        addChild(bitmap);

}

4.1.2 FD中的资源加载

因为FD中是用FlexSDK来进行编译，所以除了使用上述的加载方式外，在FD中还可以使用嵌入的方式加载图片,swf,字体等外部资源。

 

图片加载：

在项目文件夹lib上单击鼠标右键，在弹出菜单中选择Add-->Library Asset...

在打开的选择框中，从本地选择一张图片文件添加到项目

在代码中添加一个Class对象

在刚才加入的图片文件上单击鼠标右键，选择Insert Into Document

在代码中会出自动添加一行，如下

接下来我们把它添加到舞台上，再看看效果

运行一下，可以看到图片被加载进来了

 

SWF的加载：

swf的加载也同样如此，我们选择一个文件导入到项目

接下来我们创建一个swf中的元件，将他添加到舞台上

 

字体的加载：

字体的加载略有不同，我们导入一个字体文件到项目中

这里我们创建一个TextField来使用这个字体，fontName是自己设定的

注意上面代码里的 tf.embedFonts = true，这里一定要设为true，才会有效，不设为true的话字体为默认字体

资源嵌入的方式很好用，但是由于把资源编译到了swf文件内，发布后的swf文件就会相对来说大很多了.

FlashDevelop AS3 Project(4)

Flash AS3 2009-11-18 12:30:30 阅读158 评论0 字号：大中小

5.SWC的使用与打包

5.1 SWC的使用

SWC的导入跟图片的导入一样，我们选择一个SWC导入到项目

点击它前面的“+”，我们可以看到它里面所包含的类和元件

在SWC文件上单击鼠标右键，可以看到Add To Library这一项是被选上了的，只有当这一项被选中时，我们才能使用它，IDE中也才能感应到它

现在我们来测试一下，导入SWC中的一个类，在代码中事例化它，并添加到舞台

运行一下，我们可以看到效果如下

5.2 Command Line

你可能会想，为什么这里会讲Command Line呢？而不是SWC的打包呢？因为FD里面是不能直接打包SWC的，我们只能借助FlexSDK使用命令行来实现。所以，首先我们讲一下怎么在FD中使用命令行。

从菜单打开项目属性面版Project -> Properties... -> Build

这里，我们可以加入Pre-Build Command Line和Post-Build Command Line:

Pre-Build Command Line就是在项目编译前的命令，Post-Build Command Line是在编译后执行的命令。

点击Builder..能打开一个编辑面版，里面可以添加一些路径或名称的引用

如果我们想在编译完后，把生成的swf文件复制到指定位置我们可以在里面加入如下的命令：

c:\windows\system32\cmd /k copy $(OutputDir)\$(OutputName) d:\$(ProjectName).swf

那么在编译完成后，就会把swf文件复制到d盘的根目录下

5.3 将项目打包成SWC

虽然FlashDevelop不能自己把项目打包成SWC，不过我们可以在网上找到打包SWC的插件ExportSWC，下载下来将其复制到FD的Plugins文件夹下，打开FD就能看到在工具栏上会出现一个ExportSWC的图标 

如果恰好你没网络或者没能下到ExportSWC这个插件，你也可以这样做：打开项目属性面板，选择Build，在Post-Build Command Line中添加命令：

c:\windows\system32\cmd.exe /k “$(CompilerPath)\bin\compc.exe” -o=“$(OutputDir)\$(ProjectName).swc” -compiler.include-libraries=“$(ProjectDir)\lib” -is=“$(ProjectDir)\src”

带有“$”符号的是一些文件夹路径的引用，可以在编辑器里插入，编译时会自动转为相应的文件夹路径。除此之外你还可以自己添加其他需要的东西到SWC里去，只需要对上面的命令修改一下就可以了。更多的命令你可以找到compc.exe文件，使用命令-help list就可以查看所有命令了。

编译后我们可以看到结果如下

FlashDevelop AS3 Project(5)

Flash AS3 2009-11-19 10:59:58 阅读73 评论0 字号：大中小

6.使用技巧

6.1使用trace

要使用Trace，使用的FlashPlayer必须是具有debug功能的，我们能在FlexSDK中找到一个。如果直接使用不行，可以再设置一下。

打开Program Settings面板，选择FlashViewer，将其中的External Player Path设定为指向Flex SDK中的FlashPlayer，windows中它的路径通常为：你的FlexSDK目录\runtimes\player\win\FlashPlayer.exe”，其中还有Linux,MacOS中使用的FlashPlayer。设置好后我们就可以使用trace了。

 

6.3 关于OutputPanel

如果我们Coding时，喜欢让其他的窗口都隐藏起来，在调式时对于我们trace出来的一些信息就不方便观察。在Flash CS3中，每当有新信息出来的时候，都会将output窗口置到最上面。在FD中，我们也可以设置一下，当有信息出现时，自动将OutputPanel弹出。

从菜单选择Tools -> Program Setting...

在面板的左边找到OutputPanel的选项，在右边将两个属性都设置为True。这样，在我们调式的时候一有信息输出，OutputPanel就会弹出来了。

 

6.3 关于XML和XMLList

大家可能发现在FlashDevelop里使用XML以及XMLList时，不象使用其他类那样可以“.”出他的属性和方法，这或许是FlashDevelop的Bug吧。不过我们可以通过使用快捷键“Ctrl+Space”来手动让他显示出来。

 

 

6.4 自定义Project模板

在我们新建项目的时候，你会发现程序会为我们自动生成一些文件夹和文件，其实这些都是在模板里面设置好的，我们可以更改这些模板来适合自己的习惯。

从菜单选择Tools-->Application Files...打开文件夹

找到AS3 Project的模板:\Templates\ProjectTemplates\120 ActionScript 3 - AS3 Project\

选择项目文件打开

可以看到两个模板文件，以及一个说明文件Project.txt，我们可以修改模板



在模板中添加了几行，现在新建一个AS3项目就能看到刚才添加进去的内容了。除此之外你还可以添加文件夹、文件、类或者其他你需要的东西。

6.5 关于Debug/Release

在我们编译项目时，可以选择debug或者release，但是有时候我们可能会不知道或不记得我们最后生成的版本是debug版的还是release版的。不过，我们有办法解决这个问题。

打开项目属性面板Project -> properties...

在Output file里，将生成的文件名后加上“-debug”，就象下面这样

设置好以后，当我们选择debug时，项目会生成NewProject-debug.swf,选择release时会生成NewProject.swf。这样，我们就把两个版本分开了。

6.6 常用快捷键

F1: 当你看见在提示中有“...”时，你可以按F1键来获得更多的帮助

F4: 跳转转到定义

Shift+F4: 跳回到你按下 F4的地方

Ctrl+Space: 显示代码提示框

Ctrl+D: 复制当前行

Tab: 在敲入'for','while'等（你可以在Snippet Editor里找到所有模板）代码时，自动加入Snippet Editor里定义好的内容

当键入for以后，按下Tab键，就能看到如下的效果了，并且光标会移动到一个指定位置

Ctrl+Shift+1: 根据情况进行自动代码生成。可以自动生成事件的函数，get,set方法，生成接口的方法，定义变量，添加属性，导入类包等。

把光标移动到onEnterFrameHandler上，按下Ctrl+Shift+1，选择Generate Event handler后，就回自动生成我们想要的函数，如下

其他的代码生成方法也类似，只要在需要的地方按下快捷键，就会出现提示，选择提示框中的选项就能生成我们想要的代码了。

======================

 

在FlashDevelop使用swc文件

热1已有 781 次阅读  2009-07-30 17:48   标签:  swc  FlashDevelop  文件 

一次练习，里面用到一个类被打包进swc文件了，于是在网上找到了解决方法。很简单，在FD中打开项目属性对话框，定位到'编译器选项'页，在高级属性里有两项属性，分别为'SWC include libraries'和"SWC libraries",把你要引用的swc文件路径添加到这里的某一个就可以。
这两个选项有区别，"SWC include libraries"表示链接swc文件里的所有类来生成目标swf文件，不管该类在swf里用到与否，"SWC libraries"只链接在swf要用到的类，其他类一概不理。所有大多数情况我们只在"SWC libraries"里添加我们的swc文件，这样相对减小了swf的体积，比较环保。
附截图一张，以供参考：