首页 > 网站 > 媒体动画 > 正文

Authorware开发实例:在Authorware课件里面浏览外部图片地绘制灵活技术

2024-09-08 19:25:50
字体:
来源:转载
供稿:网友
制作设计:

    在显示窗口中先设计好一个背景,让外部图片在展示窗口中连续地从右向左移动过去。从背景图片上剪裁出左右部分,作为浏览图片前的遮挡。这样,当图片出现时就仿佛从遮挡部分切入渐进到显示窗口中。外部图片(至少有10张)并没有装在程序里,但事先按浏览顺序编有序号。

    知识要点:

    掌握程序运行中调入外部图片的方法,以及用遮挡物遮挡图片的方法。在程序中要运用两个系统函数“eraseicon”和“goto”,还要用到一个系统变量filelocation。
这几个函数和变量的使用是:

    ●eraseicon()——擦除指定图标的显示对象。语法:eraseicon(iconid@"icontitle")。
    ●goto()——使控制跳转到函数所指定的图标处继续程序的执行。语法:goto(iconid@ " icontitle ")。
    ●filelocation——指定文件定位路径。

    这种方法用途广泛,可以处理所有链接的外部文件,例如数字电影、动画、midi声音文件、声音文件等。用表达式链接外部文件,可以使程序的通用性更强,当程序与外部文件的盘符与路径改变时,只要外部文件与程序的相对位置没有变(譬如把程序文件与外部文件放在同一文件夹内),就可以使程序正常运行。在制作光盘时特别要用到这种方法,请读者注意。

    制作过程:
    在制作前,先将准备浏览的外部图片放在同一文件夹中,按准备浏览的顺序给文件更名。例如,此练习中可以将图片更名为:img1.bmp、img2.bmp、img3.bmp…imgn.bmp。
    ① 新建一个文件,该文件保存位置应与外部图片的位置处于同一文件夹中。拖放一个计算图标到流程线上,为其命名为“初始值”。双击打开计算图标,在计算窗口中自定义一个变量并赋初值。输入内容是:
    num:=1       ----自定义变量赋初值为1

    ② 拖放一个显示图标到流程线上,为其命名为“背景图”。打开显示图标,导入一幅图片,作为整个展示窗口的背景。
    将此背景图片复制到其他图像处理软件中,不要改变其大小,剪裁下左右两个部分。保存文件为“左遮挡图”和“右遮挡图”。
    ③ 拖放一个显示图标在显示图标“背景图”的下方,命名为“遮挡图”。打开显示窗口,导入前面保存的遮挡图片文件“左遮挡图”和“右遮挡图”,调整左、右遮挡图的位置,使中间相隔大约一张准备浏览的外部图片宽度。执行菜单命令“修改-图标-属性(modify/ icon/properties)”,在“属性:显示图标(properties:displayicon)”的“显示”选项标签的“层次”栏,输入层次数为“2”,如图1所示。
 
图1  显示图标属性的“显示”选项标签

    ④ 拖放一个显示图标到显示图标“遮挡图”的下面,命名为“外部图像”,打开其显示窗口,点击工具栏导入工具,在“导入哪一个文件”对话框中,用链接方式导入准备浏览的图片文件,如图2所示。将链接导入的图片移动到显示窗口的右边,要使右遮挡图可以遮挡此图片。
 
图2  用链接方式导入准备浏览的图片文件

    这里要注意,不要忘记了勾选“链接到文件”选项。这种链接方式并没有真正将图片嵌入到程序中,只是把外部图片与程序链接了起来,在程序运行时会根据路径调用此图片。这样链接的方法,可以使程序文件容量不太大。
    ⑤ 在显示图标“外部图像”下面,加入一个名字为“移动”的运动图标。运行程序当运动图标的属性对话框出现时,将图像水平从右边拖动到左边,设置移动时间为6秒。设置完毕,单击“确定”关闭对话框。
    ⑥ 拖放一个计算图标到“移动”运动图标的下面,将其命名为“调用外部图片”。打开计算窗口,输入:
    eraseicon(iconid@"外部图像") ----删除“外部图像”显示图标中的图像
num:=num+1 ----图像号码加1
    if num=12 then num:=1 ----如果图像号码为12时,将num赋值为1
    goto(iconid@"外部图像") ----转向“外部图像”显示图标去执行
    ⑦ 单击工具栏运行程序工具按钮试运行程序,可以看到同一幅图片一次次从右向左水平移动过去。为什么只有一幅图片呢?这是因为我们只链接导入了一幅图片,还没有在程序中设置怎样去浏览外部图片,请向下继续操作。
    ⑧ 在流程线上选中“外部图像”显示图标,在菜单栏选择“窗口(windows)”菜单项下的“外部媒体浏览(external media browser)”菜单命令,随之弹出相应对话框如图3所示。
 
图3  外部媒体浏览对话框

    对话框“外部媒体浏览(external media browser)”中各选项的作用是: 
    ●类型(type):这里有两种类型,一种是“文字(literal)”,另一种是“表达式(expression)”。前者类型可以调用外部文字文件进行浏览,后者可以通过表达式浏览各种媒体(数字电影、midi声音等)。这个实例中单选“表达式(expression)”,下面选项随之发生变化。
    ●表达式(expression):在这里输入说明浏览路径的表达式。
这个实例中在表达式文本输入栏输入:
    filelocation^"bmp//"^"img"^num^".bmp" ----调用的外部图像文件定位
这里,表达式中各项参数说明如下:
    ●filelocation——是指定文件路径的系统变量;
    ●bmp//——表示准备调用的文件所在文件夹。注意路径与路径、路径与文件名之间要用“//”分割;
    ●img——是主文件名中前面无序号部分名称;
    ●num——是前面自定义变量,浏览图片文件的序号就由它给出;
    ●.bmp——说明浏览图片文件的格式。
    上面输入内容完成之后,列表框中就有了相应的链接列表。下面列表中的“链接(link)”项成功链接符号是“ ”,断链时符号是“ ”。
    设置完毕如图4所示,点击“确定”关闭“外部媒体浏览”对话框。
 
图4  外部媒体浏览对话框中的设置结果

    ⑨ 点击运行工具,我们可以看到一幅幅图片依次从右向左移动,循环往复,不断进行。

    图5是程序流程图与显示窗口的显示效果。
  
图5  程序流程图与显示窗口的显示效果
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表