第14章 交互技巧

作者:佚名 资料来源:网络 点击数:

第14章 交互技巧

文章
来源 莲山课
件 w w w.5 Y K
j.Co M 交互是多媒体的主要特征之一,一个好的多媒体制作工具,必须具有强大的交互功能。本章主要介绍海百合的各种交互功能,在功能向导中已经有常用的交互方式,本章将通过流程的方式来介绍各种交互。

14.1 鼠标交互

    鼠标交互是鼠标左右键各种状态来触发事件的发生。鼠标交互是最基本的交互方式,常见流程中的事件和连接属性中的事件。
    本示例是一个流程事件,鼠标左右键单击和双击矢量呈现不同的过渡效果,具体流程见下图:

图表 1左键流程
  

图表 2右键流程
  

图表 3左键双击流程
  

图表 4右键双击流程
  

14.2 键盘交互

    键盘交互是根据键盘上不同的按键按下触发不同的事件。键盘交互也是一种最基本的交互,在功能向导中有键盘交互,但是示例介绍的是如何在流程中设置键盘交互。键盘交互的响应方式是对象的“按键事件”。本示例是根据不同的按键不同方向旋转矢量,流程如下图:

图表 5键盘交互流程
  

14.3 文本输入交互

    文本交互是根据输入框输入的文本与实现设置的正确文本是否相同来产生不同的响应的一种交互方式,是制作填空题、单选题和多选题的一种基本模式。示例是根据上一句诗填写下一句诗,具体流程见下图:

图表 6文本交互
  

14.4 密码交互

    密码交互是根据输入的密码正确与否产生不同的响应的一种交互方式。首先把输入框属性中的显示方式设置为密码方式,然后制作流程,具体流程见下图:

图表 7密码交互
  

14.5 限制响应次数交互

    限制响应次数交互是在规定响应次数内做出正确响应,次数变量是整型,初始值在设置变量时设定,示例是在密码交互的基础上,加了次数的限制,并在页面上显示剩余的次数。具体流程见下图:

图表 8限制响应次数交互1
  

图表 9限制响应次数交互2
  

14.6 限制响应时间交互

    限制响应时间交互是在规定响应次数内做出正确响应,时间变量是整型,初始值在设置变量时设定,示例是在密码交互的基础上,加了时间的限制,并在页面上显示剩余的时间。具体流程见下图:

图表 10限制响应时间交互1
  

图表 11限制响应时间交互2
  

14.7 鼠标移动交互(目标区域交互)

    鼠标移动交互,也叫目标区域交互,是用鼠标移动对象到指定的目标区域的一种交互方式。用流程制作比较复杂,普通用户建议使用功能向导来实现,有兴趣的用户可以学习下面这组流程。
从元件库的插图库中拖入西瓜和香蕉两个图片,并命名为西瓜和香蕉,再拖入两个垃圾桶,作为拖入的的目标区域,具体见下图:

图表 12鼠标移动交互界面
  
    在页面的鼠标移动下编辑第一个流程,先设置四个变量:移动1、移动2,这两个变量是布尔型的,初始值都是False;后面两个变量是X、Y,都是整型的分别代表移动对象的X坐标和Y坐标,如果在页面上需要拖动的物体比较多,只需要设置相同数量的布尔型变量就可以了。
第一个流程的意思是当移动1或移动2是True的时候,可是移动物体,使用的是MoveTo这个函数,要搞清楚这个流程就必须明白一个原理,鼠标移动,物体移动的坐标与鼠标的坐标相同,鼠标的坐标值是Xvalue和Yvalue,而对象的坐标是Left和Top函数,要把鼠标坐标和对象坐标建立关系,必须借助一个中间坐标X和Y。

图表 13鼠标移动交互流程1
  
    在西瓜对象上,鼠标左键按下,将移动1的值该成True,表示这个对象可以移动了,同时X和Y都附值了,代入前面MoveTo函数中的算式,就是对象的Left和Top,这两个函数是动态取对象X坐标和Y坐标。

图表 14鼠标移动交互流程2
  
    在西瓜对象上鼠标左键弹起,将移动1变量改为False,表示西瓜不能移动,其中If语句是判断西瓜对象当前坐标在一定的范围,即目标区域的范围,如果在这个范围,则将西瓜固定在目标区域,否则将西瓜恢复到初始的位置。

图表 15鼠标移动交互流程3
  
与西瓜左键按下相同。

图表 16鼠标移动交互流程4
  
与香蕉左键弹起相同。

图表 17鼠标移动交互流程5
  
    通过学习这个流程,可以初步掌握制作复杂流程的思路和方法。

14.8 鼠标跟随交互

    鼠标跟随交互,是对象跟随鼠标的移动而移动的一种交互方式,在一定的区域范围,产生不同的响应。具体流程见下图:

图表 18鼠标跟随交互
  

14.9 时钟事件交互

    时钟事件是与时间关系的一种交互方式,有两种具体方式:一种是对象进入页面一定时间,或某个效果一定时间后产生一种响应;另外一种是根据系统时间,在特定的时间做出响应。具体见下面的流程:
    延时交互,是通过delay这个延时函数来控制,在达到规定延时时间,弹出消息框,或者做其他响应。流程如下图

图表 19延时交互
  
    时间交互,是取系统的时间,海百合的时间函数包括,年、月、周、日、小时、分、秒和毫秒,所以时间交互可以具体到所有的时间函数的组合。示例是取每分钟的三十秒来出消息框。也可以用其他响应。流程见下图:

图表 20时间交互
  

14.10 特殊事件交互

    特殊时间交互,是利用对象的各种特殊的响应时间来做的一种交互,例如对象各种过渡效果的状态,声音和视频的播放结束的状态。示例是用声音播放结束来触发消息框,也可以用其他响应。流程见下图:

图表 21特殊事件交互
  

14.11 全局交互

    全局交互是利用海百合特有的全局对象来做的交互。有四种:弹出式窗口、导航窗、历史和书签。全局对象的设置操作如下:
    打开全局对象,在类型上打开右键菜单,选择创建。如下图:

图表 22创建全局对象
  
    创建一个全局对象后,打开右键菜单,选择属性,在打开的属性对话框中进行设置。如下图:

图表 23打开全局对象的属性
  
    每种全局对象的属性设置具体如下:

14.11.1 弹出式窗口

    要做弹出式窗口,先编辑一个页面作为弹出页面,编辑方法与页面编辑相同,页面的大小可以与其他页面不同。在弹出式窗口属性页中进行设置,其属性页见下图:

图表 24弹出式窗口属性设置
  
    选择弹出的页面,对标题栏进行命名就可以了。

14.11.2 导航窗

    导航窗属性设置见下图:

图表 25导航窗属性设置
  

14.11.3 历史

    历史属性设置见下图:

图表 26历史属性设置
  

14.11.4 书签

    书签属性设置见下图:

图表 27书签属性设置
  
    由于全局对象是不可视对象,必须通过页面的对象来显示,示例使用按钮来显示全局对象,打开按钮的连接属性,选择动作序列,命令选择“弹出系统对象”,目标选择需要弹出的全局对象。具体见下图:

图表 28全局对象显示的设置
  

14.12 按钮交互

    按钮交互是通过按钮对象来触发事件的,海百合的按钮对象有三种:普通按纽、单选按钮和复选按钮,其中单选按钮在同一个页面只能选择一个,而复选按钮在同一个页面可以同时选择多个。一般为了区别这三个按钮的作用我们通过制作单选题和多选题来区别。
    这里不详细介绍,只简单说明原理,单选按钮和复选按钮对象有一个函数是Check ,有两个参数选择,0和1,0表示没有选中,1表示选中。单选题判断条件是“某个单选按纽Check==1”;多选题的判断条件(假设有四个答案A、B、C、D,其中正确答案是A、B、D)“复选按钮A Check=1 同时 复选按钮B Check=1同时 复选按钮C Check=0 同时  复选按钮D Check=1”,“同时”是海百合中的“与”运算。

14.13 区域交互

    区域交互是利用区域对象进行的交互方式,示例是一个中国地图,用区域对象分别在北京和广西做了交互设置,北京按下弹出消息框,广西鼠标移入有提示。通过这个示例大家可以明白区域交互的作用了。 文章
来源 莲山课
件 w w w.5 Y K
j.Co M
相关幼儿教育资料:
没有相关资料

  • 上一篇资料:
  • 下一篇资料: