介绍Flash Builder 4工作流程(下)

ActionScript 编译器

这是最后的主要章节,他包含了所有你使用的SDK细节,你的目标是什么版本的播放器,如何添加参数

compiler_settings.jpg


这里也是一个显示HTML 包装的重要地方。你需要注意的是,如果你修改了html-template文件夹或者未选中Generate HTML包装文件,Flash Builder将要删除整体目录。如果这个文件夹中有你自己编辑的文件,这可能非常烦恼。我从来不选中,当Flash Builder执行编译的时候用html-template文件夹中的文件替换bin-debug文件夹的文件,以及删除你自己的.svn.

编辑

这里是一些编辑器的特征:

  • Code completion – Flex Builder利用Eclipse代码编译。这是一个非常好的代码提示,并且其中包含ASDocs支持.

    code_complete.jpg


    同时现在也对MXML时间帮助支持.

    add_event_listener

  • Generating Getters/Setters – Flash Builder现在允许你去自动生成你的getters  setters,这将会节省你的大量时间。你可以通过Source 菜单 –> 选择 Generate Getter/Setter.

    Generate_Getter-Setter

  • Error checking – Flash Builder提供一些基本的编译错误标示。他将会高连显示在存在问题的行中,同时显示在错误面板中,允许你双击跳到错误代码的位置。不幸的是Flash Builder并没有提供快速修复帮助和有多少关联错误的提示,Flash Builder不能够现实所有存在的问题。有时一旦它信任编译器中的错误,如果一些顶级的错误需要首先被解决,你不可能看到任何深度的问题。这起初让我很烦恼,尤其是当我修复了三个问题然后10个新的问题蹦了出来。有时我已经修复了的一些没有显示的错误这往往很多发生在当你深度重构时.

    errors

  • Design View– 另一个特点是当使用MXML工作时,Flash Builder提供的设计视图。设计视图,您可以使用类似所见即所得的编辑器来布局你的Flex组件。当您刚开始使用时,这也是一个很好的工具,但你会很快提高了自己的能力,只使用手写的MXML。它允许您预览,而不必重新编译并启动程序,从而保证它在复杂的Flex布局上有一定的优势.

    设计视图在一个VBox中有5个按钮

    design_view

    在编辑器中浏览MXML

    mxml-button-code

编译一个项目

当涉及到编制一个项目时,Flash Builder使用它调用运行。有两件你需要做的事情,用自动完成一个项目运行。首先你应该做的是找到你的主类(这个类是应用程序的基础),并确保它作为您的默认应用程序设置。一旦做到这一点你可以右键点击它,或到运行菜单(在顶部的绿色大按钮),选择以Web应用程序运行。这将自动设置项目运行,启动它。一旦运行配置被调整,您可以在去设置。可以修改的黑色小箭头的运行按钮,将切换一个下拉菜单。在下拉菜单选择运行配置你会看到以下画面.

Run_Configurations.jpg


正如你所看到的,一旦代码被编译,运行配置有一个它运行项目所关联的主类,和运行路径。如果您使用的是HTML包装应该为你自动设置或者你可以简单地将其指向SWF或自定义网址.

有一件事情是Flash Builder与的其他IDEIntelliJFDT相比是独一无二的,例如,实际上Flash Builder时时进行保存。一旦你有一个默认应用程序设置,Flash Builder会在后台编译。这实际上是,Flash Builder能够由编译器读取日志的错误信息。你可能在网站上需要多个swfs简单地选择项目的属性 – >ActionScript的应用程序和加入其他类到生成列表中。当Flash生成并编译它会根据项目属性中的位置和安装位置,分开每个文件和输出它们。这也可以自动生成,如果你对你的工作是非常大的项目。你可以关闭它通过进入在顶部的项目菜单并取消自动生成.

部署

Flash Builder没有部署了一个项目,一个真正的测试或生产服务器的概念。当你准备做一个发布版本,一件重要的事情要记住,从项目菜单选择导出发布版本这将去掉所有的调试代码,您会因为您的SWF变小而感到惊讶。作为一般经验法则,调试代码通常涨大了约40%,不要过于相信自己,直到我学会了如何正确使用导出。当这样导出项目,Flash Builder将创建一个与最终项目的编译文件和HTML包装为您bin-release文件夹.

让我们看看一个空的包含的调试代码的Flex MXML:

mxml-debug-code

现在看看同样文件发布版本的屏幕截图:

mxml-no-debug-code

我们可能会谈论一些k,但随着您的项目发展,同时也产生的大量的调试代码。这是一个最重要的一步,你可以做一个生产准备部署,大幅降低它的SWF文件的大小。在这里重要的是要指出,消除调试代码不会删除跟踪语句。由于现在没有办法在发布版本中驱除赶总语句,除非您手动删除它们或查找/替换.

组织工作空间

最后一点我想谈的是在Flash Flash Builder中你如何组织生成您的项目。最终你会发现你的工作空间与项目填补。最简单的方式有组织的创建工作集。这些过滤器只显示你的一组特定项目。您可以创建一个新的工作,在Flex导航工具栏中的箭头点击设置:

workingset

如果你没有任何工作组,在新的点击按钮来创建一个.

new_working_set

从这里你将要对你要创建什么样的设置做设置。选择资源并单击Next.

type_of_set.jpg


最后一步是选择哪些项目要成为该集的一部分,对集合命名:

select_projects

现在你应该看到你刚才在选择工作集窗口中创建的设置。当您为您的工作选择一个设置将只能看到这些项目。我通常设立一个共享代码项目,主要项目,研究/测试几个不同的组,与实验.

总结

因此,这是一个工作流程的Flash Builder的简要概述。在我的下几篇文章中我将介绍如何在探查器和调试下工作。如何处理链接库,并与ANT工作。我还计划谈论如何设置您自己的Flash开发服务器主机测试您的项目,配置一个版本控制系统,并在团队中工作。敬请期待作为InsideRIA继续建立一系列的工作流程.

Advertisements

发表评论

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 更改 )

Twitter picture

You are commenting using your Twitter account. Log Out / 更改 )

Facebook photo

You are commenting using your Facebook account. Log Out / 更改 )

Google+ photo

You are commenting using your Google+ account. Log Out / 更改 )

Connecting to %s

%d 博主赞过: