分享
 
 
 

用Authorware制作交互性相册

王朝other·作者佚名  2008-05-21
窄屏简体版  字體: |||超大  

光阴如流水,转眼间已经走出校门三年了,翻看昔日同窗好友的“玉照”,心里备感温馨!可令人不快的是发现他们越来越模糊啦(注:不是印象模糊了,而是照片模糊了),而且想要看某个好友的照片还要翻来覆去的寻找,哎!真是……不过庆幸的是剑锋对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)

将相册文件夹中的所有文件都刻录在光盘上即大功告成了。

最后将刻录好的光盘放入光驱,此时光盘会自动播放,开始欣赏自己的劳动成果。动听的音乐、翻动的照片,温馨的感觉,让我沉浸在昔日美好岁月的点点滴滴中

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有