使用Flash CS4中的项目面板(上)
这是一篇来自Adobe开发者中心的文章,为了方便读者理解原文,编者适当增加了一些编注。原文地址:
http://www.adobe.com/devnet/flash/articles/flash_project_panel.html
一个非常好的组织和管理WEB项目的方式是使用开发工具提供的“项目”管理功能,比如我们在熟悉的Eclipse或Flex Builder中开发一个应用,都是先建立一个项目,然后以项目为整体的框架来开发的。这也是对开发人员非常熟悉的方式,这样可以把一些杂乱无章的细小的内容组织起来,非常易于管理。值得高兴的是,Flash从8.0开始就开始提供了项目的管理工具 – 项目面板(Project Panel),而到了Flash CS4,Flash项目面板得到了进一步的加强,下面来让我们详细了解一下这个面板,以及如何使用这个面板高效的创建RIA应用。
或许还有很多朋友并不熟悉Flash中的这个面板(这和使用Flash CS的人群相关,对经常使用Eclipse等IDE的开发人员来讲,使用项目是理所当然的事情,但对于经常使用Flash只是制作独立的SWF动画或简单应用的设计师或前端开发人员来讲,很难有使用项目管理资源的意图,同时对一个文件使用项目管理确实真的没有必要),所以如果你打算使用Flash CS4完成一个轻量级的RIA应用,同时涉及到多个素材和代码逻辑的组织(类,数据等等),建议你通过项目面板来工作,可以节省很多精力。
让我们来看看通过项目面板可以做什么:
- 创建,管理和设计项目
- 快捷的切换到不同项目的文件夹
- 快速打开文件编辑
- 创建文件和文件夹
- 测试和发布项目文件
- 为你的项目绑定外部资源(比如第三方的类库等等)
这篇文章包含了一个实例(一个照片相册展示工具)以及通过Flash CS的项目面板制作这个相册的详细过程,下面的图片展示了这个实例的效果:

实例的浏览地址:
http://www.adobe.com/devnet/flash/articles/flash_project_panel/swf/photo_gallery.html
要完成这个实例,你需要下面的软件或文件:
Flash CS4 Professional
Illustrator CS4 (optional)
示例文件:
- flash_project_panel.zip (ZIP, 3.5 MB)
前置知识:
你需要一些在Flash CS4上的使用经验,以及掌握Action Script3,无论如何,这篇文章将主要向你介绍使用Flash 项目面板开发是如何的快速,无论你是资深的开发者还是新手。
当你将Adobe Illustrator生成的文件导入到Flash CS4中,Flash会自动创建时间轴和Library库面板中的元件。你可以在Flash中修改这些图形,当然设计师可能更愿意再使用Illustrator修改,都是可以的。甚至你可以用Fireworks CS4来修改素材。
关于项目面板
项目面板是管理你的Flash项目,移动文件和目录的最好方式,使用它你还可以快捷的运行或维护一个项目。参见图2:

图例2:项目面板中包含了如下的元素:项目菜单(A),选项菜单(B),刷新文件列表(C),锁定(D),新目录(E),新文件(F),创建类(G),删除(H)。
关于项目面板的一段历史
我从Macromedia Flash8的时代就开始使用Flash项目面板了,那个时候,项目面板被设计出来的目的是方便的增删文件,这些信息被存储到一个XML文件里面,这个文件的格式是FLP。当你在一个项目中创建文件的时候,这个方式还能工作的很好,但是当你有很多项目并且希望在这些项目中能方便的工作的时候,情况就变得糟糕了。
Flash CS4专业版包含了一个全新的项目面板,这个面板基于Grant Skinner的gProject面板扩展。这个面板使用项目文件夹的形式来组织项目视图,这在很大程度上改善了工作流。你可以方便的切换项目,增删文件,此外这个面板还提供了其它的一些有用的特性。
高级特性
Flash CS4的项目面板实际上是一个Window SWF扩展,使用了JSFL(Flash JavaScript)技术来操作Flash和本地文件系统。除了简单的功能,Flash项目面板中还包含了一些高级特性,例如:
- 使用锁定目录来过滤项目视图
- 使用预定义的ActionScript模板来创建ActionScript类
- 自动绑定一个类到一个选中的元件或者在创建类之后自动创建一个绑定元件
- 使用外部的扩展ActionScript类和SWC库
- 绑定到外部的共享库
- 创建使用Flex类文件的Flash项目
下载项目面板的最新版
Grant发布了一个针对项目面板的更新,包含了下属的一些新特性,到发文的时间为止,这些新特性还没有在Flash CS4中出现,这是一个更新的列表:
- 更新了皮肤以匹配Flash CS4用户界面
- 增强了动作菜单
- 增加了一个新的utilities子菜单,允许你添加自己的utilities
- 你可以通过面板属性à设置确定是使用Flash还是操作系统打开文件
- 面板属性中一个新的选项允许你导入素材到场景或库
- 优化了对话框
- 增加了更多的文件图标
- 一个新的API允许你通过JSFL增强面板的功能
- 减小文件体积
- 访问Grant的网站下载项目面板的最新版本: Free Update to Flash CS4 Project Panel.
- 如果不想下载上述的文件,也可以访问Adobe Flash Support Center下载FlashCS4和Flash Player 10的最新更新。
阅读文档
在下面的教程开始之前,你可以先阅读一下关于这个面板的文档:Working with projects。

.gif)
.gif)




.gif)
发表新评论