你现在的位置:学校网首页 - 免费在线书籍 - 用Authorware制作交互性相册

Authorware - 用Authorware制作交互性相册  [ 返回目录页 ]

光阴如流水,转眼间已经走出校门三年了,翻看昔日同窗好友的“玉照”,心里备感温馨!可令人不快的是发现他们越来越模糊啦(注:不是印象模糊了,而是照片模糊了),而且想要看某个好友的照片还要翻来覆去的寻找,哎!真是……不过庆幸的是剑锋对Authorware比较熟悉,何不用它来制作一个交互性的相册呢?说干就干,Let's go!
  实现功能
  当相册开始演示时,位置在屏幕的中央,如果相册的尺寸小于当前系统分辨率则多余的部分以黑色覆盖;每张照片之间的过渡采用了翻书的形式;相册可以手动上下翻页,也可以设置自动翻页;具有查找功能,即输入姓名就可以快速跳转到照片所在页;能够显示当前照片是第几张和共几张;相册的流程图如图1所示。


  图1
  准备工作
  1 为了让相册播放时能够覆盖屏幕多余部分,到http://211.155.224.153/test/down/download.asp?Did=1784下载一个名为“Cover.zip”的文件;翻页效果的实现可到http://211.155.224.153/test/down/download.asp?Did=2052下载一个名为“dmpcak1&&2.zip”的文件;将Cover.zip解压(Cover.u32)到Authorware的安装目录下,将dmpcak1&&2.zip解压到Authorware的安装目录下的xtras文件中,此时是两个文件dmpcak1.x32和dmpcak2.x32。


  图2
  2 用Phtoshop 制作一张尺寸为640×480的背景图片(如图2),背景分为四个部分,也就是相册的主要部分;再使用Photoshop制作按钮5个(如图3),从左往右分别是:向上 向下 查找 自动 退出,注意按钮排列后的总长度在背景图的控制区域内。


  图3
  制作相册
  1 启动Authorware 6.0,新建一个名为“相册”的文件;拖一个计算图标至流程线,双击打开输入:
  ResizeWindow(640,480)
  ShowMenuBar(OFF)
  ShowTaskBar(OFF)
  ShowTitleBar(OFF)
  t:=10000
  background:=Cover()
  关闭计算图标时会弹出对话框寻找Cover函数,此时选择Authorware目录下的Cover.u32即可。
  2 在流程线上放置一个声音图标,双击出现对话框,单击Import…按钮导入所需要的声音文件,这里是华仔的“一起走过的日子.mp3”;选择Concurrency下的Perpetual;Play下的Until True,并在下面输入a=1。在流程线上再放置一个显示图标,双击打开按Ctrl+R导入刚才制作的背景图片。
  3 流程线上放置一个框架图标,双击打开删除里面的部分图标,再修改和添加一些图标;在按钮显示图标中导入制作的按钮图片,注意图片的位置在背景图片的控制区域内;将所有的交互类型由“Button”改设为“Hot Spot”,并且响应位置与显示图标中的按钮相对应;双击每个交互上面的小虚线框打开Properties:Response属性框,设置如图4所示,这样可以让静态的图片按钮单击后有动感。


  图4
  4 打开“查找”图标的属性框,在Hot Spot的Keys中输入“F3”,设置查找按钮的快捷键为F3;设置“退出”图标的快捷键为“Esc”,在群组图标下的计算图标中输入:
  Quit()
  background:=Uncover()
  在“自动”图标下的计算图标中输入:
  PressKey('Pagedown')
  if t=10000 then
  t:=6
  else
  t:=10000
  end if
  sKey('Pageup')
  5 设置“向上”图标的快捷键为“PageUp”,并且在其响应条件Active If中输入:CurrentPageNum>1,这样相册在演示时,到了第1页时此按钮将会失去作用;设置“向下”图标的快捷键为“PageDown”,并且在其响应条件Active If中输入:CurrentPageNum
  6 在框架图标中放置群组图标,在群组图标中再依次放置显示图标,等待图标,计算图标;在显示图标中输入:第{CurrentPageNum}张,共{PageCount}张,注意文字的位置在背景图的显示相关信息处,这样可以显示当前照片是第几张和一共多少张;双击打开等待图标,取消所有选项,在Time limit中输入“t”,双击打开计算图标再输入:PressKey('Pagedown'),这里主要是实现自动播放;复制该群组图标若干份(视照片张数而定),然后重新命名(参照图1)。
  7 双击群组图标“fm”,导入作为首页的图片,并在“个人简介”位置处输入文字,如果文字太多可以使用滚动文本,选择Text→Scrolling命令即可,完成后观看效果,各个部分之间的位置关系如图5所示;利用同样的方法,加入其他的照片;这里要特别注意的是:用来显示照片的显示图标,一定要输入照片中人的姓名,否则后面的查找功能将不能实现预定目标。


  图5
  8 按住Ctrl键双击框架图标打开属性对话框,单击Page旁边的按钮,选择换页方式,再连续单击OK即可。
  注意:dmpcak提供的换场方式很多,翻书效果只是其中之一。
  按Ctrl+R测试相册整体效果。
  输出并刻录相册
  1 选择“Flie→Publish→Package…”出现对话框,选择“For Windows 9x and NT Variants”,然后将下面的四个选项全部选中;进入Authorware的目录,将Xtras文件夹和Cover.u32拷贝到打包文件所在的相册文件夹,这样播放时就不会少这少那啦。
  2 在该文件夹中创建一个Autorun.inf的文件,双击打开,在里面输入:
  [autorun]
  open=xiangce.exe(假设相册文件为xiangce.exe)
  ico=icon.ico(假设光盘图标是icon.ico)
  将相册文件夹中的所有文件都刻录在光盘上即大功告成了。
  最后将刻录好的光盘放入光驱,此时光盘会自动播放,开始欣赏自己的劳动成果。动听的音乐 翻动的照片,温馨的感觉,让我沉浸在昔日美好岁月的点点滴滴中!
 


 目录

技术支持:www.szxuexiao.com 最佳浏览分辨率:1024*768、IE6以上 声明:本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载或引用的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除!