实例演练Authorware(1)

4/8/2006来源:Authorware教程人气:8797

《实例演练Authorware》

由于各种原因,Authorware的最新版本姗姗来迟,最近终于升级到版本6.0了。Authorware6主要加强了网络Web发布的功能,充分利用Authorware6工具进行多媒体、交互性、可跟踪的网络学习应用程序的创作,支持不同的系统平台,主要的新功能有一键发布、新的"Commands"菜单、RTF文件格式编辑器和RTF知识对象、增强与改进界面、媒体同步与直接支持MP3、增强Web技术与新的SCO编辑环境等。
以下实例是在WIN98环境的Authorware 6版本实践通过的,除了利用6版本的新功能之外,在5.x版本也可以运行,但由于使用的大量的UCD、ActiveX、第三方多媒体控件和知识对象,所有相关的文件必须要完整提供。


实例1:即时光标跟随提示。
实例说明:一幅美丽的大自然画卷中,雄鹰在天空中翱翔,广阔的草地上一只美洲豹在奔跑着,雄鹰和豹子是2幅动态GIF格式的图片,鼠标停留在大自然背景图时出现跟随光标提示“美丽的大自然”,当光标移动到GIF图片时,分别出现提示“翱翔的雄鹰”和“奔驰的美洲豹”的即时提示,单击2幅GIF图片时分别作具体介绍;光标移动到草原上的屋子时出现离开提示信息,单击鼠标有退出选项,退出时利用“Message Box”知识对象处理确定是否退出。
制作步骤:
1、为了屏幕美观,程序不需要标题和菜单栏。点击Authorware主菜单下的“Modify”下的“File”里面的“PRoperties”(快捷键Ctrl_Shirt_D),在“Playback”选项那设定显示屏幕为“Variable”(由变量决定屏幕显示大小),点开“Title Bar”和“Menu Bar”。(见图1),这项工作在下面的例子中都采用相同的设定,下面的就不重复了。


2、在新流程线上放一计算图标“start”。用它作标志开始执行程序,里面输入“--程序开始”,--是用来注释的。
3、继续放一个计算图标“setwindows”。里面输入:
ResizeWindow(640,480)
ShowMenuBar(OFF)
ShowTitleBar(OFF)
ShowTaskBar(OFF)
系统函数ResizeWindow 是利用width和height参数来调整窗口的大小,它只使用在计算图标中,调整窗口的系统变量包括WindowHeight、 WindowWidth、 WindowTop、WindowLeft。
ShowMenuBar(display):ShowMenuBar用来显示或关闭用户的菜单栏,它只使用在计算图标中。
注意:即使用户关闭了菜单栏任务条,用户仍然可以在运行时的任何时候按Alt_F4退出程序。
ShowTitleBar(Display):显示窗口标题栏,Display=off是隐藏,Display=on是显示。
ShowTaskBar(OFF):关闭系统任务栏。但当Windowsd的任务条设定为“总在最前”会忽略你的这个设定。
4、在流程线上放置一显示图标“nature”作为背景图,调整好位置,使它覆盖全部画面。右击这图标,在“Properties”里面的“Display”选项里面设定“Prevent automatic Erase”,防止自动擦除图画,其他设定用省缺值就可以了。
5、在主菜单下的“Insert”下的“Media”里面的“Animated Gif...”点出一个图标“eagle”,浏览文件夹,将一幅GIF格式的雄鹰图放进来,设定好位置、大小,(见图2)

并右击这图标,在属性的显示方式项设定为“transparent”(透明),这设定和图片本身有一定关系,要看图片的实际来处理。(见图3)


6、在“eagle”下放一运动图标“move_eagle”。选择运动的对象是eagle,双击鼠标打开这运动图标,在“Properties”里面的“Motion”选项里面设定“Type”为“Path to end”(指向固定路径的终点),设定运行时间为25秒,“Concurrency”设定为“concurrent”(同时运行下面内容),在“Move When”选项打上“True”(目的是让运动循环进行)(见图4)。

所定义的路径一般在背景图的天空部分,可以让雄鹰的部分路径显示在画面外边,一般采用圆滑路径(将关键点点击设定圆点就可以了)。这样下来,雄鹰就可以循环翱翔在天空中了。
7、用步骤5同样的方法添加图标“panther”(豹子的GIF图片)。(见图5)


8、用步骤6同样的方法添加运动图标“move_panther”(见图6),但在设定豹子的运动路径时有所不同,可以设定4个三角形的标志,做成矩形的环路,目的是使豹子的运动路径在背景图下面的土地上单向循环奔跑,这4个标志都应该放在图画外边。
9、在流程线上继续添加一个屋子的GIF格式图片“Home”,属性设定和步骤5的相同,主要将它们设定为“Prevent automatic Erase”(防止自动擦除)和“transparent”(透明)模式就可以了。
10、在流程线上放置一个交互图标“Tips”,它右边主要为2类各4个的交互,一类是当光标在屏幕上的提示,另一类是当点击图画时的引申,4个交互分别对应于大自然、鹰、豹、屋。
11、在“Tips”交互图标右边放置一个群组图标“nature”,设定交互方式类型为“Hot Object”(热对象),在“Match”匹配为“Cursor on Object”,并将光标变成粗“十”型(见图7),设定“Scope”为“perpetual”(永久)。


下面分别放置计算图标“xy”、擦除图标“x”、显示图标“美丽的大自然”、计算图标“goxy”。(见图8)

计算图标“xy”里面输入:
x:=CursorX--将光标当前位置距离窗口左边的像素数值赋给变量x
y:=CursorY--将光标当前位置距离窗口顶端的像素数值赋给变量y
擦除图标“x”的“Icon”属性设定为“Icons to preserve”,列表图标留空,就是擦除前面的所有显示内容。
在显示图标里面写上“美丽的大自然”,这显示图标“Display”属性里面一定要勾选“Update Displayed Variable”(更新变量)(见图9),

在“Positioning”和“Movable”属性都设定为“On Screen”,在初始位置“initial”中x值设定为x,y值设定为y+18(见图10)。

这个显示图标的作用就是当光标出现在背景图时,光标显示为粗“+”型,并出现紧跟随光标的即时提示!它是通过更新光标位置变量来实现的。
12、采用完全相同的方法在流程线右边加上“panther”、“eagle”、“home”,因为即时提示的字数有区别,在初始位置“initial”中的x、y有所不同。当GIF图片运动时,这些即时提示也是有效的。
13、继续在流程线右边加一个计算图标“nature.”。它是当鼠标点击是所要执行的任务,所以,它的设定和步骤11、12有一个不同地方,就是“Match”设定为“Single-click”(单击),并把这时的光标改成手型。在计算图标里写上“GoTo([email protected]"-nature")”,注意跳转目的图标的名称只能是唯一的,否则提示出错。让程序执行到流程线下面的“-nature”图标处执行。这里面的跳转,也可以采用导航图标进行跳转,它们实现的方法其实是一样的。
4、同样的方法在流程线右边设定好“panther”、“eagle”、“home”3个计算图标,并在计算图标里面设定好要跳转的目的图标名称。
这些交互对象,都一定要设置“Scope”为“perpetual”,因为提示部分的更新跟随一定要这样设置才可以实现。
15、在流程线下添加一个等待图标“interrupt”里面设定等待的时间为99999,作为中断、隔离之用,下面的内容都是由前边跳转过来执行具体的任务的。
16、在流程线下添加一个框架图标,承接上边跳转,当鼠标点击图片时要执行的内容。框架图标里面的内容全部删除,留空框架。
17、在框架右边添加群组图标“-Nature”,里面主要显示一些说明。先添加一个擦除图标,像前边步骤设定一样擦除前面内容;再加一个显示图标做说明;接着加一个单击鼠标继续的等待图标;最后加一个计算图标,里面写上:
Restart()--初始化,重新定义变量。
GoTo([email protected]"start")
这图标让程序继续从头开始执行。(见图11)


18、流程线右边继续添加“-panther”、“-eagle”群组,设定的方法基本同步骤17,它是鼠标单击热对象时的反应。
19、继续添加“-home”群组图标。下面先加一个显示图标显示背景图,再加原来那个屋子的IF图片,再添加一个“消息框知识对象”,最后加一个计算图标,里面写上(见插图1-19-1):
if button=6 then
Quit()
else
end if
Restart()
GoTo([email protected]"start")
其中button是消息框知识对象里面的返回变量的数值,其中OK=1,Cancel=2,Abort=3,Retry=4,Ignore=5,Yes=6,No=7。这里的计算图标意思是:当点击“Yes”是确定退出,否则重新执行程序。
“消息框知识对象”的设置步骤:
a、点击主菜单“Windows”下的“Knowledge Objects”,双击打开一个“Message Box”的知识对象。
b、按“Next”选择修改成“System Modal”。(见图13)


c、按“Next”在“Message Box buttons”里选择“Yes,No”(见图14)


d、按“Next”选择消息框出现的图标为“?”形状。(见图15)


e、按“Next”填上“Message Box”的标题及正文提示内容。(见图16)


f、按“Next”填上返回变量名称为“button”,(见图17)


g、按“Next”并确定,然后生成消息框知识对象。

至此,本实例制作完成,主流程线如图18所示。