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

2020-09-19 18:30:07

字体：大中小

来源：转载

供稿：网友

制作设计：

    在显示窗口中先设计好一个背景，让外部图片在展示窗口中连续地从右向左移动过去。从背景图片上剪裁出左右部分，作为浏览图片前的遮挡。这样，当图片出现时就仿佛从遮挡部分切入渐进到显示窗口中。外部图片（至少有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  程序流程图与显示窗口的显示效果

上一篇：Authorware开发实例:authorware里面进度条绘制办法

下一篇：Authorware开发实例:用authorware绘制多媒体自荐光盘(十三)[完]