没有合适的资源？快使用搜索试试~ 我知道了~

文库首页前端Actionscriptflash Catalyst 教程

flash Catalyst 教程

flashCatalyst案例

flashCatalyst

交互设计

5星 · 超过95%的资源需积分: 3 39 下载量 113 浏览量 2011-09-26 15:20:35 上传评论收藏 1.65MB DOC 举报

温馨提示

试读

15页

flash Catalyst 中文教程案例交互设计 word文档形式的教程

资源推荐

资源详情

资源评论

Adobe Flash Catalyst

简介

Adobe® Flash® Catalyst™ 是一个专业的交互设计工具，可以让你在不写任何代码

的情况下迅速把你的设计转化成带交互的原型。

可以直接把用 Photoshop 或者 Illustrator 完成的作品导入 Catalyst,然后转换成按钮、

滚动条等交互组件，再添加交互转场动画，最终产生一个能交互的 SWF。但是在使用

Photoshop 等工具的时候，要考虑到你的目标不是生成一个静态的界面图片，而是要

能在 Catalyst 里方便地转化。

另外由于不用写代码，Catalyst 能产生的交互相对比较简单，如果我们想添加更复

杂的交互或者一些无法实现的逻辑，就需要把你的未完成作品保存为 fxp 文件，然后程

序员再用 Flash Builder 导入 fxp，再添加代码，继续开发。

开始使用 Catalyst

Catalyst 界面介绍：

PAGES/STATES 面板：显示所有的 states 的预览，其中蓝色背景的是当前被选中

的，默认（初始）state 右上角会有一个小圆点标记。

HUD(Heads up diaplay)面板：将界面元素转化成交互控件的工具。

Tools 面板：提供选中以及一些简单的绘图工具。

Layer 面板：显示图层信息。如果是从 Photoshop 中导入的文件，这里显示的图

层状况会和 Photoshop 中一致，并且可以编辑。

Interactions 面板：添加交互动作。

Properties 面板：配置组件的坐标尺寸以及滤镜等。

TIMELINES 面板：配置转场效果。

把我们要完成的交互原型看成一个小的程序，一般情况下，我们的程序是由一个

个的“屏”组成的，在 Catalyst 里面称之为 state，不同的 state 里面有不同的内容（同一

个组件可以同时出现在不同的 state 里）,当我们点击或者拖动 state 里面的按钮等组件

时，我们会转入另外的 state，不同的 state 相互切换的时候可以添加转场效果。

例 1

下面用一个简单的例子来说明如何使用 Catalyst。这个例子完成后的效果见“资源”文件夹里

的 mainmeinu.swf(用 flashplayer 10 打开)，点击主菜单上的图标进入各个功能的界面，为

了简化，具体的功能界面我们用一张图片来代替。

1.在 Photoshop 中设计界面，注意在布局图层的时候要考虑到 Catalyst 的使用需求。导

出为 mainmenu.psd（见"资源"文件夹）。

2.打开 Catalyst，在欢迎界面时选择“From Adobe Photoshop PSD File...”，找到我们刚

刚保存的 psd 文件，随即会弹出“Import Options”,不作修改，点击 OK。导入完毕后，我们

就可以在右上方的 Layer 面板看到图层结构了，跟在 Photoshop 中是一样的。另外，在

PAGES/STATES 面板中，已经有一个名称为"page1"的默认 state 生成了。

3.在 Tools 面板中点击选择工具，选中 sms 图标，点击悬浮的 HUD 面板中的

“Convert Artwork to Component”,在下拉菜单中选择 Button，将其转化为按钮组件，

如下图：

剩余14页未读，继续阅读

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

woodhouse020340123

2012-12-09

通俗易懂，深入浅出，适合新手快速上手，首先一个感性认识，总的评价是：好

adagu2007

粉丝: 0
资源: 6

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

flash Catalyst 教程

Flash_Catalyst教程 Flash Catalyst

Catalyst教程(PDF)

Flash Catalyst入门教程

Adobe flash catalyst cs5中文教程

Adobe Flash Catalyst CS5

flash catalyst

Adobe flash catalyst cs5中文教程（截图）

Flash Catalyst 入门指南

Flash Catalyst CS5 工作流

Flash Catalyst Demo Script

Catalyst入门教程.pdf

Flash Catalyst CS5 Bible 2010

Flash Catalyst 和Flash Build 应用小技巧

Wiley.Adobe.Flash.Catalyst.CS5.Bible.May.2010.rar

Flash Catalyst CS5.5和Flash Builder 4.5工作流程

Adobe Flash Catalyst 全功能网站源码

Flash Professional CS5 and Flash Catalyst CS5 for Dummies

Flash Catalyst CS5

从设计到开发：Flash Catalyst 和Flex的整合流程

2023跨年代码（烟花+自定义文字+背景音乐+雪花+倒计时）

GB28181国标模拟终端，模拟国标监控摄像头，实现了注册、注销、目录、INVITE，BYE、KEEPLIVE、OPTION信令

MQTTBox，windows版本，本资源已被作者开源，开放免费下载，不收取积分

MicrosoftEdgeWebView2RuntimeInstallerx64-109.exe

淘宝天猫pc端代码全店隐藏技术，怎么屏蔽电脑端淘宝店铺首页所有宝贝商品链接，只有手机端才可以看到

[Altium Designer 19（中文版） 电子设计速成实战宝典][郑振宇 等]电子课件

axure原型元件库合集

html+css实现京东商城

\混合模型时间序列预测实战-讲了.rar

抖音矩阵云混剪系统源码 短视频矩阵营销系统V2.2.1（免授权版）

最新资源

[Altium Designer 19（中文版）电子设计速成实战宝典][郑振宇等]电子课件

抖音矩阵云混剪系统源码短视频矩阵营销系统V2.2.1（免授权版）