[初三理化生]第5章 交互设计.pptVIP

第5章 交互设计 主编：刘文东 教学目标 通过“奥运福娃”、“图片欣赏”、“奥运之城”、“沈阳世博园”、“趣味拼图”、“用户登录”、“自由飞行的小鸟”和“个人日历记事本”8个实例的学习，掌握Authorware提供的11种交互设计方法，能够根据不同需要使用合适的交互方法设计出具有良好创意和交互效果的程序。 5.1 实例制作：奥运福娃 技能目标： 掌握交互图标的设置方法。 学会按钮响应交互设计。 实例说明： 执行程序后首先程序主界面，单击下面的各个按钮分别显示5个福娃的相关内容介绍。 程序运行效果： 程序流程： 相关知识 1. 认识交互图标 交互图标是交互设计的核心，具有显示图标、擦除图标、等待图标和分支判断的功能，提供了11种交互类型。 （1）按钮响应：单击按钮后，程序执行相应的分支程序。 （2）热区响应：通过单击、双击或鼠标指针经过演示窗口中预先设置好的矩形区域，控制程序执行相应的响应分支。 （3）热对象响应：通过过单击、双击或鼠标指针经过演示窗口中预先设置好的显示对象控制程序执行相应的响应分支。 （4）目标区响应：通过拖动某个显示对象到预先设定的目标区域，控制程序执行相应的响应分支。 （5）下拉菜单响应：单击下拉菜单中的命令控制程序执行相应的响应分支。 （6）条件响应：当设定的条件成立时，执行相对应的程序响应分支。 （7）文本输入响应：当用户输入的文本内容与预先设定的内容一致时，执行相应的程序响应分支。 （8）按键响应：通过按下程序中预先设定的键，控制程序执行相应的响应分支。 （9）时间限制响应：当用户进行交互操作的时间超过时间限制响应设置的时间时，执行该响应分支。 （10）重试限制响应：当用户进行交互操作的次数超过重试限制响应设置的次数时，执行该响应分支。 （11）事件响应：当指定的Active X事件发生时，执行该响应分支。 2. 设置交互图标 单击选择程序流程线上的交互图标，按Ctrl+I键打开 “交互图标”属性设置面板，其中有4个标签。 （1）“交互作用”标签 （2）“显示”标签 （3）“版面布局”标签 （4）“CMI”标签 3. 设置按钮响应交互 在11种交互响应中，按钮响应是使用最多的一种响应类型。双击按钮交互中的按钮响应标记，出现图5.10“按钮交互”属性设置面板，其中有“按钮”和“响应”2个标签。 （1）“按钮”标签 （2）“响应”标签 拓展训练 1. 自定义按钮程序设计 技能目标：修改“奥运福娃.a7p”程序，学习自定义按钮的导入设置方法，设计个性化的按钮交互程序。 2. 自定义按钮与变量的配合设计 技能目标：通过一个按钮控制视频的暂停与播放，学习和掌握“Checked”系统变量与按钮“自动检测”选项设置的配合设计方法，同时学会如何导入外部鼠标指针文件。 5.2 实例制作：长城与故宫 技能目标： 学会热区响应交互设计。 掌握二级交互程序的设计方法。 实例说明： 执行程序后显示程序主界面，单击“长城”文字出现子菜单，单击子菜单中的各项显示相应的长城图片，单击“故宫”文字出现子菜单，单击子菜单中的各项显示相应的故宫图片，单击“退出”文字退出程序。 程序运行效果： 程序流程： 相关知识 热区响应交互的详细设置 （1）设置“热区域”标签 （2）“响应”标签，设置与按钮交互设置相同 5.3 实例制作：奥运之城 技能目标： 学会热对象响应交互程序设计。 学习程序跳转函数“GoTo(IconID@图标)”的使用。 进一步掌握二级交互程序的设计方法。 实例说明： 伴随着奥运主题歌，程序进入以动画方式显示2008北京奥运会赛场城市名称的主界面，单击不同城市名称，则显示相关的文字介绍和动画 。 程序运行效果： 程序流程： 相关知识 热对象响应交互的特点是在演示窗口中指定热对象，其对象可以是文本、图形、图像、电影、Flash动画等。他与热区相比，可以是不规则的图形，还可以用鼠标或移动图标移动位置。 设置热对象有两种方法： （1）先打开要作为热对象的图标演示窗口显示该对象，然后双击打开热对象响应属性设置面板，单击演示窗口中的对象。 （2）使用开始标志从要作为热对象的图标处开始执行，当执行到热对象响应交互时自动打开热对象响应属性设置面板，单击演示窗口中的对象即可。 5.4 实例制作：沈阳世博园 技能目标： 学会下拉菜单响应交互程序设计。 学会擦除系统的“文件”菜单。 掌握多个菜单交互程序的设计方法。 实例说明: 程序运行后，伴随着沈阳世博园会歌，首先显示 “沈阳世博园”程序主界面，单击演示窗口上方的菜单显示不同的内容，单击“关于世博园”下面“简介”菜单项的显示效果。 程序运行效果： 程序流程： 相关知识 下拉菜单响应交互的属性设置面板