Adobe_flash_caalyst_cs5中文简易教程.ppt

Adobe Flash Catalyst CS5 1. Catalyst 是一个专业的交互设计工具； 2.可将psd文件和ai文件直接导入使用； 3.无需写代码，但实现的交互相对简单； 4.生成的fxp工程文件可导入Flex中使用。 工作步骤 1.简介； 2.打开工具，创建工程； 3.导入所需资源，布局； 4.创建交互； 5.发布； 附录：添加Sound和Video 简介 Adobe? Flash? Catalyst? 是一个专业的交互设计工具，可以让你在不写任何代码的情况下迅速把你的设计转化成带交互的原型。 可以直接把用Photoshop或者Illustrator完成的作品导入Catalyst,然后转换成按钮、滚动条等交互组件，再添加交互转场动画，最终产生一个能交互的SWF。但是在使用Photoshop等工具的时候，要考虑到你的目标不是生成一个静态的界面图片，而是要能在Catalyst里方便地转化。 另外由于不用写代码，Catalyst能产生的交互相对比较简单，如果我们想添加更复杂的交互或者一些无法实现的逻辑，就需要把你的未完成作品保存为fxp文件，然后程序员再用Flash Builder导入fxp，再添加代码，继续开发。 2.打开工具，设置工程大小 5.发布 附录：添加Sound和Video（支持格式：mp3、flv、f4v） 点击软件左上角“File”，然后选择“Publish to SWF/AIR”； 选择导出路径 发布成适合网络的类型 发布成适合本地的类型 发不成适合桌面的AIR 单击发布 Video 添加Video后系统会帮你创建视频播放器 Sound Sound 单击后弹出下一页的对话框 弹出的窗口 选择已有的音频文件后从外部引入 单击”OK“可以看到通过组件触发的音频播放 通过属性窗口设置属性 2.1双击图标打开程序； 2.2 开机界面介绍； 2.3 创建新工程； 3.1 点击软件左上角“File”，选择“Import”，然后倒入相应所需资源； 2.4 新工程创建完成页面。 3.2 界面布局介绍； 3.3 创建页； 3.4 创建状态（状态存在于唯一页里） ： （1）。须将导入后的资源转换成“Custom/Generic Component” 步骤：a。鼠标放到资源上右键； b。选择“Convert Artwork to Component”； c。最后选择“Custom/Generic Component”将其转换。 3.4 创建状态（状态存在于唯一页里）： （2）设置状态（”State”） 步骤： a。设置成“Custom/Generic Component”后，系统会提示你是否将其编辑成状态“State”使用； b。双击“Custom/Generic Component“或单击悬浮窗口的”State1“编辑状态（“State“）； c。“State”的创建方式同“页”（2.3）。 3.5 将资源转换成所需组件： 步骤： a。选择资源，单击鼠标右键； b。选择“Convert Artwork to Component”； c。根据需求选择所需需要转换成的组件。 3。6 常用组件栏： 3.7 设置组件；（以Button和DataList为例） 3.7.1 Button（可通过两种方式制作Button）： 1. 创建Button： a。从组件栏选择”Button“，点住拖到你的”页“中； b。通过资源转换成”Button“（常用）； 方法一： a。点击资源，单击鼠标右键； b。选择“Convert Artwork to Component”； c。选择”Button“将资源转换成”Button“组件。 方法二： a。点击资源，然后在悬浮窗口中选择”Choose Component”, b。选择”Button“将资源转换成”Button“组件。 2. 设置Button： 双击创建好的Button或点击悬浮窗口的任一Button状态，对Button进行状态（up、over、down、disabled）的设置； 3.7.1 DataList ： a。从组件栏选择”DataList“，点住拖到你的”页“中； b。双击组件对组件内容设置、滚动条大小和样式； c。双击组件内容对其中的条目（item）进行设置； d。在item中也可添加图片： 先将”LIBRARY“中已有的资源拖入到item中，或导入新图片； 然后按住”Shift“键选择你想要的item内容（如图可按住”Sh