交互图标和交互控制.ppt
《交互图标和交互控制.ppt》由会员分享,可在线阅读,更多相关《交互图标和交互控制.ppt(45页珍藏版)》请在三一办公上搜索。
1、第7章 交互图标和交互控制,本章主要内容:按钮交互响应 热区域交互响应 热区域交互响应 热对象交互响应 目标区交互响应 下拉菜单交互响应 按键交互响应 条件交互响应 文本输入交互响应 重试限制交互响应 时间限制交互响应 事件交互响应,7.1 交互控制的基础知识 7.1.1 认识交互结构 7.1.2 交互图标及其属性 7.1.3 交互类型及其属性,7.1.1 认识交互结构,Authorware中的交互功能是通过交互图标 来实现的。交互图标和交互图标右侧的交互分支构成了整个交互结构。,交互图标,交互类型标志,交互分支,交互分支图标名称,交互状态,交互流程走向,7.1.2 交互图标及其属性,Auth
2、orware中交互的建立必须依靠交互图标,它统领着整个交互结构,因此有必要对交互图标及该图标的属性进行一下讲解。,1交互图标,2交互图标的属性设置,7.1.3 交互类型及其属性,Authorware共有11种交互类型,这11种类型可在建立交互时弹出的【交互类型】对话框中选择,也可以在交互属性面板中的【类型】下拉列表框中进行更改。每一种交互有各自的属性,其设置内容在后面介绍。这11种交互类型对应的属性面板中的【响应】选项的内容基本相同。,参数介绍,7.2 按钮交互响应 7.2.1 创建一个按钮交互 7.2.2 按钮交互属性 7.2.3 上机指导按钮交互的应用实例,7.2.1 创建一个按钮交互,实
3、例:制作交互按钮,(1)保存文档。,(2)拖交互图标到流程线上,并命名。,(3)建立按钮交互分支。,(4)命名群组图标。,7.2.2 按钮交互属性,各选项介绍,单击图7-11中交互结构中【复习巩固】交互分支上的按钮交互标志,在Authorware窗口底部调出【属性:交互图标】面板。,7.2.3 上机指导钮交互的应用实例,模块化的程序结构是制作多媒体程序时经常采用的一种程序结构,其最大特点是结构清晰、导航明快。,(1)保存文档。,(2)拖交互图标到流程线上,并命名。,(3)建立按钮交互分支,并重命名分支下的群组图标。,(4)改变交互分支流程走向。,(5)继续拖动4个群组图标到交互图标的右侧,并分
4、别命名。,(6)调出交互属性面板。,(7)排列图标。,7.3 热区域交互响应 7.3.1 热区域交互属性 7.3.2 上机指导热区域交互应用实例,7.3.1 热区域交互属性,各选项介绍,在图7-22所示的热区域交互结构中,单击热区交互标志,调出交互属性面板,单击【热区域】选项卡。,7.3.2 上机指导热区域交互应用实例,本小节制作一个热区域交互应用的实例认识电脑的组成。,(1)拖显示图标到流程线上,并重命名。将图片导入到设计窗口。,(2)拖交互图标到显示图标下面的流程线上,并重命名。,(3)建立热区域交互分支,并重命名群组图标。,(4)设置鼠标指针。,(5)拖动7个群组图标到群组图标右侧,分别
5、重命名。,(6)将交互类型改为按钮交互。,(7)对【热区域】响应范围的大小和位置进行适当地调整,并输入文字。,7.3.2 上机指导热区域交互应用实例,(7)进入群组图标内部,拖显示图标到第2层流程线上,并重命名。,(9)绘制提示气泡。输入文字。组合所有对象。,(10)制作其他6个交互分支下群组图标内显示图标。,(11)拖擦除图标到群组图标内部流程线上,并重命名。,(12)运行程序。,7.4 热对象交互响应 7.4.1 建立一个热对象交互 7.4.2 热对象交互属性 7.4.3 上机指导热对象交互应用实例,7.4.1 建立一个热对象交互,建立热对象交互之前,需要将交互的每一个响应对象放在单独的显
6、示类设计图标内。建立热对象交互分支后,首先打开作为响应对象的显示图标,然后单击热对象交互标志,再单击设计窗口内的一个显示对象,即把该显示对象作为响应的热对象。交互属性面板中【热对象】选项卡的【热对象】提示栏会显示设置成热对象的显示图标名称。,7.4.2 热对象交互属性,单击图7-35所示的程序流程中【热对象】交互分支中的交互标志,调出热对象交互属性面板,单击【热对象】选项卡。,各选项介绍,7.4.3 上机指导热对象交互应用实例,下面以“参观动物园”多媒体程序为例,来讲解热对象交互的应用。,(1)设置文件属性。,(2)拖拽计算图标到流程线上,并重命名。输入注释文字。,(3)导入图像。,(4)拖群
7、组图标到流程线的下方,并命名。导入图片,调整各图片的大小、位置和透明方式。,7.4.3 上机指导热对象交互应用实例,(4)拖群组图标到流程线的下方,并命名。导入图片,调整各图片的大小、位置和透明方式。,(5)拖交互图标到一级流程线的下方,并命名,拖显示图标到交互图标的右下方,选择交互类型。,(6)导入图像。,(7)设置热对象片。,(8)设置鼠标指针。,(9)输入文字。调整文字和文本框的大小、位置和透明方式,将它们组合。,(10)设置图片和文字的显示效果。,(11)使用同样的方法设置其它响应图标中的内容。,(12)创建退出按钮。,(13)运行程序。,7.5 目标区交互响应 7.5.1 目标区交互
8、属性 7.5.2 上机指导目标区交互应用实例,7.5.1 目标区交互属性,目标区交互的建立需要事先创建一个显示类设计图标作为目标区交互的拖动对象。一般使用显示图标来创建拖动对象,多个拖动对象必须分别放在单独的显示图标中。,建立目标区交互结构后,单击目标区交互分支上的交互标志,调出目标区交互属性面板,单击【目标区】选项卡。,7.5.2 上机指导目标区交互应用实例,下面通过一个拼图游戏程序介绍目标区交互的应用。,(1)新建文件,设置演示窗口大小。,(2)拖显示图标到流程图上,并命名。导入图片,绘制方格。输入文本。,(3)将所有图形拼块分别放入不同的显示图标中。,(4)拖交互图标到流程线上,重命名。
9、,7.5.2 上机指导目标区交互应用实例,(5)建立【目标区】交互分支,并将群组图标命名。,(6)放置图形拼块到方格区域的相应位置,并调整目标区域的大小。,(7)设置【目标区】选项卡。设置【响应】选项卡。,(7)分别创建另外5个交互分支。,(9)拖群组图标到【拼块6】交互分支的右侧,群组图标重命名。,(10)【拼装错误】交互属性面板【目标区】选项卡。,(11)添加群组图标。,(12)运行程序进行测试。,7.6 下拉菜单交互响应 7.6.1 下拉菜单交互属性 7.6.2 上机指导下拉菜单交互应用实例,7.6.1 下拉菜单交互属性,拖一个群组图标到交互图标右侧,弹出【交互类型】对话框,单击【下拉菜
![交互图标和交互控制.ppt_第1页](https://www.31ppt.com/fileroot1/2023-6/11/edceeac9-0fc2-4615-8140-764d2c4e7b3f/edceeac9-0fc2-4615-8140-764d2c4e7b3f1.gif)
![交互图标和交互控制.ppt_第2页](https://www.31ppt.com/fileroot1/2023-6/11/edceeac9-0fc2-4615-8140-764d2c4e7b3f/edceeac9-0fc2-4615-8140-764d2c4e7b3f2.gif)
![交互图标和交互控制.ppt_第3页](https://www.31ppt.com/fileroot1/2023-6/11/edceeac9-0fc2-4615-8140-764d2c4e7b3f/edceeac9-0fc2-4615-8140-764d2c4e7b3f3.gif)
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 交互 图标 控制
![提示](https://www.31ppt.com/images/bang_tan.gif)
链接地址:https://www.31ppt.com/p-6239684.html