5．2 交互设计实例

　　Authorware的人机交互方式十分丰富，这个例子主要介绍“按钮交互”(Button Interaction)。
　　本例的程序流程如下图所示：

　　本例执行后的程序界面如下图，点按“按钮一”可跳到按钮一相对应的页面，点按“按钮二”可跳到按钮二相对应的页面，点按“退出” 按钮可退出程序。

　　本例制作过程如下：
　　1．运行Authorware ，新建一文件。
　　2．从图标工具栏向程序设计窗口中的主流程线上拖入一个“显示图标” ，并命名为“主菜单”。
　　3．从图标工具栏向主流程线上拖入一个 “交互图标”，并命名为“选择”。
　　4．从图标工具栏向程序设计窗口中“选择” 图标的右方拖入一个 “群组图标”，此时弹出“响应类型”对话框，如下图，这里有11种用户交互和响应方式可供选择，在此我们选择“按钮类型”(Button)，点击“OK”后，将该图标命名为“按钮一”。

　　5．再次向程序设计窗口中“按钮一”图标的右方拖入一个 “群组图标”， 此时不再弹出“响应类型”对话框，而是默认为和上一响应类型一致的响应方式，这里仍为“按钮类型”(Button)，并将该图标命名为“按钮二”。
　　6．向“按钮二”图标的右方拖入一个“计算图标”，并命名为“退出”。
　　7．双击“按钮一”图标，打开“按钮一”的群组图标设计窗口，向其中拖入一个“显示图标” ，并命名为“按钮一内容”。双击“按钮一内容” 图标，进入“展示窗口”，这个窗口里的内容就是在运行程序时点按“按钮一”后要显示的内容。此时显示一个“编辑工具盒”，如图，“编辑工具盒”中的八个按钮的功能依次为：
　　选择/移动、文本编辑、画90o/45o直线、画任意直线、画椭圆/圆、画矩形、画圆角矩形、画多边形。

　　选择“文本编辑”按钮，鼠标指针为“I”形，在展示窗口中单击，进入文本编辑状态，如图。

　　在插入点处依次输入“你刚才点了按钮一”。格式化文本可在选定文本后使用“文本”(Text)菜单。
　　输入完毕，可使用“选择/移动”按钮，将文本移至合适的位置。单击“展示窗口”或“编辑工具盒”窗口右上角的“叉号”都可退出编辑状态，完成该图标的编辑。
　　8．双击“按钮二”图标，打开“按钮二”的群组图标设计流程线，向其中拖入一个“显示图标” ，并命名为“按钮二内容”。 同上操作，在“按钮二内容”内容图标中输入文本“你刚才点了按钮一”。
　　9．双击“主菜单”显示图标，在其中输入文字“这一页是主菜单页面”。
　　10．双击“退出”计算图标，此时打开一个计算图标的编辑窗口，如图，输入“Quit( )”（意义为退出些程序）后，关闭此窗口。

　　至些本示例大致设置完毕，选择“控制”（Control）—“播放”(Play)命令测试一下。
　　单击“按钮一”后，发现界面如下图所示：

　　这是因为，在显示“按钮一内容”图标时，其他显示内容并没有被擦除。这时我们要在 “按钮一内容”图标和“按钮二内容”图标前分别添加一个“擦除图标”。

　　11． 关闭程序运行窗口，向“按钮一”流程线窗口中拖入一个“擦除图标”，放在“按钮一内容”图标前，并命名为“擦除”。

　　12．双击“擦除”图标，同时显示展示窗口和“擦除图标属性”对话框，“擦除图标属性”对话框如下图。
　　 在List（擦除列表）中选中“要擦除的图标”(Icons to Erase)，单击要擦除的对象后，发现界面如下图所示，说明当程序运行到“擦除”图标时，“主菜单”图标内的文字将被擦除，单击“OK”确定。一个擦除图标可同时擦除多个显示图标显示的内容，如果在List（擦除列表）中选中“要保留的图标”(Icons to Erase)，单击某对象后，则除了在列表中的图标，其它所有显示内容都将被擦除。本例设置如下图。

　　13． 选中上一步设置的“擦除”图标，单击常用工具栏上的 “复制图标” ，然后在“按钮二”流程线窗口中“按钮二内容”图标前单击鼠标，使粘贴指针移至“按钮二内容”图标前，然后单击常用工具栏上的“粘贴图标” ，即可将“擦除”图标粘贴到“按钮二”群组图标中，如图。

　　至此，该示例完成，保存文件。

5．3 课件的打包

　　当课件制作完成后，需打包发行，以便脱离Authorware集成环境单独运行。
　　首先，在打包前应对展示窗口进行设置，对外部库文件、动画文件、外部函数文件的使用进行设置。
　　其次，还需考虑很多细节，如除课件本身外，其他本课件所需要的外部文件、库文件等的存储；打包文件所需磁盘空间的大小；对打包文件及所需外部文件发送到何种存储介质存储（一般为软盘、CD-ROM、网络）等。
　　下面以上述“按钮示例”为例，来说明文件打包的操作，打包后形成可执行文件Sample.exe。

5.3.1 文件属性设置

　　选择菜单Modify菜单中File子菜单的Properties命令，显示文件属性对话框，如图，其Playback选项卡中的常用选项含义如下：

　　Background Color（背景色） 指定展示窗口的背景颜色，单击文字前的色 块，可改变颜色，缺省值为白色。本实例保持缺省值。
　　Chroma Key（关键色） 当使用视频重叠卡，而且该卡支持Chroma色键时可设 置，单击文字前的色块，可改变颜色，缺省值为洋红色。本实例保持缺省值。
　　Size 下拉列表框 用来设置展示窗口的大小，缺省值为640×480。共有多种方式：
　　Variable（任意大小）：可任意设置展示窗口的大小，且在运行中可改变展示窗口的大小。
　　512×342～1152×870：这些选项用来设置固定大小的展示窗口，以象素为单位。
　　Use Full Screen（使用全屏）：使展示窗口自动占据整个屏幕。本实例选择“Variable”，实际常使用缺省值。
　　Center on Screen（屏幕中央）复选框 选中，展示窗口将显示在屏幕的中央。缺省值为不选中。本实例为选中。
　　Title Bar（标题栏）复选框 选中显示展示窗口的标题栏，不选中，隐藏标题栏。缺省值为选中。本实例保持缺省值。
　　Menu Bar（菜单栏）复选框

[1] [2] 下一页