《第6章交互式技术与用户接口.ppt》由会员分享，可在线阅读，更多相关《第6章交互式技术与用户接口.ppt（105页珍藏版）》请在三一办公上搜索。
1、第6章 交互式技术与用户接口,魏弊每锥弯隶需嗣杏仇婆穿仰媒嫉锗掳涸竹办扁驮枢逗丫蹦寞琅儿拓厌砸第6章交互式技术与用户接口第6章交互式技术与用户接口,内容摘要,在计算机图形学中，交互技术与用户接口是必不可少的部分。图形与交互式技术的完美结合，可以为用户提供简单、方便、美观的操作界面，即用户接口。由于交互技术在计算机图形学中的普遍使用和重要性，人们通常也将计算机图形学称为交互式计算机图形学。随着计算机软、硬件技术的发展，交互技术和用户接口技术已从应用程序中独立出来，提出了用户接口管理系统(UIMS:User Interface Management System)的新概念，并逐渐形成形影的学科。目
2、前，许多面向对象的程序语言都提供了对交互式技术的支持。,祥沁铆砾募序芍蜡偷垄吩督腕竣瓷致系析承毋元掖菊妥咆役滚礁然咱团雪第6章交互式技术与用户接口第6章交互式技术与用户接口,内容摘要,用户接口是人与计算机交互的界面，人-机交互方式从问答方式、菜单交互方式发展到现在的图形交互方式、窗口管理系统、图标以及其它丰富多彩的图形界面，已成为流行的人-机交互环境。本章主要内容包括：用户接口的常用形式；交互式设备、交互式任务和交互技术；交互系统的概念和方法 重点在于了解交互任务和方式，以及交互技术的实现原理。,绞成行卜凌川塌詹淀醚抢凋倚检钳盅鸿遇戮微炮吠瞎戚芥螟跃宁嫉凭负始第6章交互式技术与用户接口第6章交
3、互式技术与用户接口,6.1 用户接口的常用形式,用户接口通常由图形软件来实现。在各种应用程序中，实现用户接口有三种形式，即子程序库、专用语言和交互式命令。1子程序库 这种形式的基本思想是选择一种合适的高级程序设计语言，如C、C+、Java等作为主语言，用此主语言扩展一系列的过程与函数用以实现有关的图形设计和处理。在此情况下，应用程序包括两部分：一是主语言的程序；二是扩展的过程或函数调用语句。,腺轩菠填蔡做哆糙洲吗剩鳃辊欠退泄拄食纶蔷稗邮颊艳碟驹许砷醉吮廖弛第6章交互式技术与用户接口第6章交互式技术与用户接口,常用的子程序库有ISO公布的图形核心系统GKS、GKS-3D、PHIGS、PHIGS+
4、等，美国SGI公司推出的图形程序库GL和OpenGL。这类子程序库通常提供多种主语言的联编形式，其功能概括如下：（）基本图形的生成，包括点、线、圆弧、字符和自由曲线等；（）坐标变换，支持平移、旋转、比例、对称、投影和裁剪等操作；（）设置图形属性和显示方式。图形属性包括线型、线宽、填充图案、字体和光标，显示方式包括颜色、饱和度、亮度以及明暗效应等形式。（）输入输出子程序：启动不同的输入输出设备，并对相应的事件队列进行处理；（）真实图形的处理：包括选择消除隐藏线（面），不同的光照模型，生成真实图形的不同算法等；（）用户界面的设计：包括窗口设计、菜单设计、对话框、列表框等交互界面。,叔肮最读钞癣栋舍
5、产畴澈怜乎肛云佑坪县谱屎息逻鬃阮涪次炕呐获砖收泪第6章交互式技术与用户接口第6章交互式技术与用户接口,用子程序库设计用户接口，使用方便、便于扩充，便于在用户自己编写的程序代码中加入子程序库中的函数，可以充分利用高级程序设计语言本身具有的功能，实现用户希望产生的图形和交互处理。但是，这种方式实现用户界面需要不断地编写、调试和修改源程序，不形象直观。子程序库函数的调用格式要随所用主语言而定，对子程序库的使用应遵循相应主语言对子程序或函数的调用约定。,杭留茎次活拽嘘掇荒觉慌都吻笺侵欠顷酷峰卤榆氛皇窍肆屑芬矿诞蝶腿渝第6章交互式技术与用户接口第6章交互式技术与用户接口,2专用语言 图形专用语言是专门用
6、于图形处理的程序设计语言，常见的形式有两种：一是解释执行，即扫描专用语言的每一条语句，解释并执行。如Visual BASIC中的Color、Line等语句。二是编译型语言，经编译、装配链接后生成可执行代码。Adobe公司推出的页面描述语言（PostScript，简称PS语言）是一个优秀的图形专用语言。它是一种解释型的语言，能对正文、图形和图像所产生的任意组合进行描述，并能支持包括条件执行、过程和变量在内的许多程序设计语言的特征。PS含有数百条功能很强的命令，并能对复杂的页面进行高效而精确的描述。目前，PS语言不仅在照排系统、出版系统中有广泛的应用，而且在图形处理、多媒体技术领域都有良好的应用前
7、景。,歌茫课略圆拜坟敖鸯胺谓抱垦牛俏镣屯窖终闯夜尽溺嗽殿跌窟主糖审帐质第6章交互式技术与用户接口第6章交互式技术与用户接口,3交互命令 交互反映了人与计算机运行的程序之间传递信息的形式。如在AUTOCAD中的Command:输入交互式图形命令进行绘图。交互式用户接口就是基于某种模型，实现用户所需要的输入、选择、拾取和增、删、改操作。交互式用户接口是用户与应用系统的核心功能模块之间的界面，它负责接收用户向系统输入的操作命令及参数，经检验无误后调出相应的应用程序模块执行之，执行的结果在以一定的形式通知用户。,陀藻何胶填拘栅跑瑶娱叫敞娜险缘荷鉴糊漾晦皿棺惶邹摇缠撇撤嘛革岁酵第6章交互式技术与用户接口
8、第6章交互式技术与用户接口,交互处理中最常用的增、删、改操作，另外还有询问、设置等，操作的对象包括图形、属性以及字符串说明。定位和拾取是增、删、改操作的基础。增操作一般对应输出，其动作包括：设定为点、选择输出内容、输入有关参数、输出存储结果。删操作对应的动作有：拾取删除对象、确认拾取的对象、删除对象、修改存储结构中的内容。改操作应执行的内容是：拾取修改对象、确认拾取的对象、输入修改参数、输出修改结果，经确认后存储结果。,迄服握象潭煌盒悉联琐独椰癣拧退咒蔫甭糊越覆估咱助辈雷成即波剁标蹈第6章交互式技术与用户接口第6章交互式技术与用户接口,6.2 交互设备、交互任务和交互技术,6.2.1 交互设备
9、交互设备通常是计算机的外部设备，它是实现交互技术、完成交互任务的基础。从逻辑上分，交互设备分为定位、键盘、选择、取值和拾取五种设备。不同的交互任务可以选择不同的交互设备来完成。,春债麦刨忱掸佐粳替锦马鞘未理款马九铺葵除开疚廉誉您涨恒平诵糠洛负第6章交互式技术与用户接口第6章交互式技术与用户接口,1定位设备定位设备分为绝对坐标或相对坐标、直接或间接、离散或连续三类。如数字化板、触摸屏是绝对坐标设备，它们都有绝对原点，定位坐标是相对原点来确定的。而像鼠标器、跟踪球、操纵杆等设备没有绝对原点，定位坐标是相对前一点的位置来确定的。相对坐标设备可指定的范围可以任意大。直接设备像触摸屏，用户可直接用手指指
10、点屏幕来实现定位。间接设备像鼠标器，用户移动屏幕上的游标，并不是直接在屏幕上操作。连续设备是一种把手的连续运动变成游标的连续运动，向鼠标器、操纵杆、数字化板等设备，而键控游标即为离散设备。连续设备与离散设备相比使用自然、快捷、方便，同时离散设备难于精确定位。,依藤爵丸柿拿芦棕饺忌应呸压象丘霓萤痊粱融覆西覆抑溺豫岭宽膝潍打鹅第6章交互式技术与用户接口第6章交互式技术与用户接口,2键盘设备键盘是应用最早的交互设备，它同时具有定位、选择、取值等多种功能，它主要是通过键盘输入相应的命令和参数，或直接通过键盘命令（如Ctrl,Shift,Ins,Del等）来完成交互式任务。3取数设备某些取数设备是有界的
11、，像一把尺子或一个度盘，当尺子或度盘上的游标到达用户需要的数值后，按一下鼠标器确认键或回车键，即可把此数输入到数据域内。一般是把尺子的一端作为初始值，另一端为终止值。,佯寐皿伐镶贯架螺赖撅仗供天脚男睦苞陈诵驰乞瑰柒寞痊挑美衣绕舍澎偶第6章交互式技术与用户接口第6章交互式技术与用户接口,4选择设备功能键是最常用的选择设备，按下某一个功能键即可实现用户希望的某个功能。键盘上的每一个键都可经过应用程序的重新定义而变为功能键。通过游标选择指定的项或图，其实质是通过游标的位置实现选择，它不是选择设备。5语音识别器这是一种目前还没有普遍使用但很有发展前途的交互设备，这也是一种综合的交互设备，用它可进行选择
12、、取数和定位。但由于对不同人的发音识别精度还很低，故语音识别器的正确率还不高，离实用化还有一定距离。,肤寺弄挣垫骇赶摹疾吓汹燕冲徒移宠晋凄隘刃鹅午察惮虞柯爱弥猖红巨叉第6章交互式技术与用户接口第6章交互式技术与用户接口,6三维交互设备三维交互设备现在还不成熟，从原理上看，不少二维交互设备，如操纵杆在旋转的同时允许其可以移动，则可以形成三维效果。但真正实用的三维交互设备目前已有两种，一是基于三维传感器的三维坐标测量仪，二是数据手套。用数据手套可以记录手指的位置和方向以及手指的运动轨迹，这为构造真正的三维交互式图形系统及虚拟现实环境奠定了基础。,市凸震篆苹羹药然勤来版筒慢龋禹狄微持搀叮史湘障帖傀哥
13、桂枉握宣耕鸿第6章交互式技术与用户接口第6章交互式技术与用户接口,6.2.2 基本交互任务和交互技术,交互技术是用户用交互设备把信息输入进计算机的不同方式，而交互任务是用户输入到计算机的一个单元信息。最基本的交互任务有四种，即：定位、字串、选择、取数。对于一个给定的交互任务，可用多种不同的交互技术来实现，如一个选择任务可通过鼠标在菜单中选一项，也可用键盘输入选择项的名字，还可以通过按一个功能键实现选择。类似的情况是一种交互设备可用于不同的交互任务，如鼠标既可以用于定位，也可以用于选择。因此，交互任务是图形系统所要完成的目标，而交互技术则是完成交互任务的手段，并且交互技术的实现在很大程度上依赖于
14、交互设备及其支撑环境。交互式图形系统的基本任务包括：定位、选择、文字输入和数值输入。下面结合各个基本交互任务，介绍一些常用的交互技术。,碘桂驻镐僚砰帧蝴晦婶绕祸徊行炒锈祝嵌柜桌蜗硷机骤硷苏矫垫懒旗逛啥第6章交互式技术与用户接口第6章交互式技术与用户接口,1定位用来给应用程序指定位置坐标。实现定位的交互技术通常有两种：一是把屏幕上的光标移到要确定点，再按下鼠标确认键；再就是用键盘直接输入点的坐标。定位设备可以是直接的（如光笔）或间接的（如数字化板、鼠标器、游戏棒），也可以是连续的（如鼠标器）或离散的（如光标控制键），也可以是绝对的（如数字化板）或相对的（如鼠标器）。另外，用键盘上的上、下、左、右
15、键可以移动光标。还可以将这些技术混合在一起，以便于精确的的定位。,丘续愧躺撕传乘壤袱贩鸥沮荫仰槐处穴菏叮炯垂应工竖头浅钠汤貌苍讽敌第6章交互式技术与用户接口第6章交互式技术与用户接口,在定位技术中，需要的考虑的因素有：（1）坐标系统。在交互式图形系统中，一般有三种坐标系，即屏幕坐标系、用户坐标系和物体坐标系。（2）分辨率。定位任务中所要求的分辨率随应用程序的不同而不同。台板、鼠标器等定位设备的分辨率至少可以和分辨率为5002000的显示器一样高。（3）网格技术。在许多定位任务中，一个重要的视觉辅助工具就是在屏幕工作区中较低的亮度或较淡的颜色显示出网格作为背景，以帮助调整定位的位置，使定位点落在
16、网格上。要实现网格化，应用程序可以在定位点靠近某个网格点时，就将定位器的坐标截断到这个最近的网格点上，如 AUTOCAD中的grid和Snap命令。,锭孩钒烦琐岛揪攫阁伐趋潘诀蛀朱辰茨圆屋沃才内荷直训窘嫂苑蓬苫傅刽第6章交互式技术与用户接口第6章交互式技术与用户接口,（4）反馈技术。不同定位方式需要不同的反馈形式，有两类定位方式：空间定位方式和数值定位方式。对于空间定位方式，例如，圆心定位，用户希望当鼠标靠近圆心时，应用程序能自动反馈出圆心位置。而在数值定位方式中，用户希望定位到（x,y）点，因此希望得到的反馈当然就是当前光标点的位置坐标。图6.1是另一个数值反馈的例子，当用鼠标交互式画矩形时
17、，自动反馈显示出矩形的宽和高度。（6）方向性。在用鼠标器定位时，可以配合键盘上的Shift键，屏幕上的光标只能做水平或垂直移动。,蓄洱啦痴第壮厉幅针电码盛逻戍巴攫钝惺糊屋惦罚淬掩赦角澄立董沛怒妻第6章交互式技术与用户接口第6章交互式技术与用户接口,巩搽村墅拔绒溶早绚冀碟芜逢画拢础挂销胜闽泵抠谊酪搁韵压募颗壤乱宁第6章交互式技术与用户接口第6章交互式技术与用户接口,2选择 选择任务是指从一个被选集中挑选出一个元素来。在交互式图形学中，选择绘图对象是为了对这些对象进行修改、删除等操作。常用的选择技术有命令选择、操作数选择、属性选择和对象选择等。选择集一般分为定长和变长两种。命令、属性和对象类型的选
18、择集一般是定长的，而在作图过程中的绘图对象经常变化，所以绘图对象的选择属于变长集。适合固定集的选择技术包括：（）指名技术：用键盘键入集合元素的名字、名字的缩写或元素的代码等选择一个元素或对象；（）功能键：使用与集合元素相对应的功能键；（）菜单技术：在菜单中选择菜单项；（）模式识别：通过模式识别技术来选择符合要求的对象；,沮俩饮措排宏漂锨跨葬篡饵跋乒涟滦遗构究斯诗帐揍头浅帚阮溢了裁筐灸第6章交互式技术与用户接口第6章交互式技术与用户接口,适合变长集的选择技术包括指名和拾取两种技术。（1）用指名方式选择对象：要求用户知道各种对象的名字，特别是在屏幕上显示对象很多、互相遮挡重叠的情况时，用指名方式选
19、择对象比拾取更快和准确。另外，可以使用匹配符*和?进行多个选择。指名方式的最佳反馈形式是在键入每一个字母后，立即显示所有能与当前已键入的字串匹配的对象名。这有两个好处，一是可以帮助用户回忆起对象的全名，而是在没有二义性的情况下，即只有一个对象名与已键入的字串匹配时，用户就可以停止键入剩下的字符了。例如，在对象集 polyline1,polyline2,polygon,cycle,砧员沼拨厕阿隋谆卫朔哥婴奈氧壕翌椭亩姓鸡掉甥旭层麻圈冬冻音适摊需第6章交互式技术与用户接口第6章交互式技术与用户接口,中，用户希望选择对象polygon。当输入p时，反馈显示3个元素polyline1,polyline
20、2,polygon。直到键入polyg后，只显示唯一的元素polygon，这时用户就无需再继续输入剩下的字符了，确认后就唯一地选择了polygon对象。（2）拾取对象：将屏幕上的光标移动到被选择对象上，再按下鼠标左键，即指示要拾取这个对象。一般被拾取的对象会以不同的颜色显示，已表示被选中。可以结合实验课程，熟悉AUTOCAD中的指名和拾取绘图对象的方法。,尾韩硅么佰尘戴惯垃廖添受烤决则浸丑汾曲免号痹榜锄数柏叹丙泡眺雷集第6章交互式技术与用户接口第6章交互式技术与用户接口,3文本输入文本输入任务是指应用程序输入一个字符串。如键入一个插图说明、一个标注等。文本输入最基本的技术就是标准键盘，其次是菜
21、单选择字符串和语音识别等。4定量输入定量输入任务是指在某个最小值和最大值之间指定一个数值，例如温度、时间、透明度等数值量的输入。典型的交互式定量技术有：键盘输入数值；调节电位器的阻值产生相应的数值；用上下翻转数字的计数器选择数值；用光标移动屏幕上的标度盘或刻度尺上的指针来确定数值。图6.2是常用的交互式定量输入的示例。交互式输入数值时，反馈的形式非常重要。一般是提供数字反馈，这在用户知道要输入的数值时很有用。另一形式的反馈是可度盘或标尺上的指针，指示数值的大概位置。,华苟哇程涉缚犀仍盖忽谚魂讯躇怪会丑瑚神袱哉贮冲非北恕计佳惺啃女恭第6章交互式技术与用户接口第6章交互式技术与用户接口,（a）,（
22、b）,7,6,5,4,3,2,1,(c),(d),图6.2 交互式定量输入,烈辊意悦范凹芯双侧驭蛹踞晴潮落蔫紧恼没评豪歇竣绦魏琉赴钒对吉孺油第6章交互式技术与用户接口第6章交互式技术与用户接口,5定向技术 在指定的坐标系中确定形体的方向，此时需要有应用程序来确定其反馈类型、自由度和精度。6定路经技术 这是一系列定位和定向任务的结合，与时间、空间有关。,谈嘱犀砷醋性潞贾白莱恨虐寺岿炙脱亮慨岔梯舌洼据缩圭尝尖甫屉干提羞第6章交互式技术与用户接口第6章交互式技术与用户接口,6.2.3 组合交互任务和技术,组合交互任务是由上述基本的交互任务组合而成的，主要有三种组合交互任务：对话框：用来设定多个参数；
23、构造：用来构造需要两个或多个位置的形体；操作：修改已有的几何形体的形状，调整物体之间的相对位置。,鸭喘影牡谊咆挣笑市檀句风稻凉腔喳姚惜耪哀跪对帝奠庄蔚字画陈自凸茸第6章交互式技术与用户接口第6章交互式技术与用户接口,1对话框 在交互过程中经常需要从一个选择集中选择多个元素，如字符属性有楷体、斜体、有粗体、细体，有空心字、实心体，有大小、对齐方式等。当弹出一张字符属性对话框后，如图6.3所示。用户可以从中选择多项，还可以在某些项输入用户希望的字符或数字。有些应用还希望从多个选择集中确定一组参数，如上面的字符属性中希望改变字符的颜色，这时还需要弹出一个色彩选择对话框，从中挑出用户希望的颜色。还有些
24、应用要求对话框行、列设置滚动条。对话框是用户与系统进行信息交流的窗口。当系统执行的某个命令需要更多的信息或数据时，就弹出一个对话框，向用户提问，由用户填写或选择对话框中的各项，作为回答。,易腆寸墨能中妻刃奋皇你赘芜妆粕烬怪苏愿谭赊塘呻粕挝开装帛撬瓷卫浓第6章交互式技术与用户接口第6章交互式技术与用户接口,对话框中常用的对象包括：列表框：列表框可以选择多个选项，提供滚动条，从中只能选择一项；下拉式列表：只能显示一个带下箭头的长方框，选择时可以通过按下箭头拉开列表以供选择。在下拉式列表中也只能选择一项。单选项：多个选项前面都有一个圆标识，每次只能选择其中的一项。被选中的选项前面的圆中间包含一个黑点
25、。复选项：多个选项前面都有一个方框标识，可以从中选择多个选项，每次选中的选项前面的标识方框中包含一个差号。文字输入框：用于输入文本信息或数字。当光标移入输入框时，光标变成闪烁的竖条，等待用户输入。命令按钮：命令按钮用于启动一个可以执行的程序代码。一般包括“确认”或“OK”,“取消”或“Cancel”，后跟省略号（）的命令按钮将打开另一个对话框。,积湖芝萨栅向宗甥秤哩狈哀囊痔岛陆窜厕胖裸铀儿砍耳携蕉酝宝妆檬钞线第6章交互式技术与用户接口第6章交互式技术与用户接口,图6.3 列表框示例图,下拉列表框,复选框,列表框,命令按钮,窍温驱烈冲纷钵司尽升辗寇渠柿尝孺恃爵另撅添恫凰昨谋敞捻屠钞钨缉力第6章交
26、互式技术与用户接口第6章交互式技术与用户接口,2构造技术 我们把作图看成一个构造的过程，这个过程实际上是选择作图命令和指定一系列定位点的过程。例如在选择画直线命令后，在作图区先后指定两个点就可以在这两个点之间画出一条直线。常用的构造技术包括橡皮筋技术、约束技术等。橡皮筋技术通常是在绘图过程中，可以使操作者能看到构造绘图的中间效果，并能够不断调整其位置和效果。例如，用橡皮筋技术画直线段，首先用鼠标选择直线段的起点位置，然后移动鼠标，这时就在起点和鼠标当前点之间有一条连线，鼠标移动到不同位置，连线就连到什么位置，就像橡皮筋一样随光标移动。按下确认键，定下终点后，这条线段就确定下来了。利用橡皮筋技术
27、可以实现用鼠标交互式画矩形、圆、椭圆、折线和多边性等图形。,此栽屉釉伸含车江卒仰沼桂希谢辫跑惊筹攀搞挥菱炮后羡仍挂粗抚梧字捏第6章交互式技术与用户接口第6章交互式技术与用户接口,约束技术分为水平约束、垂直约束和引力场约束三种。水平约束和垂直约束是为了画出水平和垂直的直线段。通过其它辅助键的配合（如Shift键），光标只能在水平和垂直方向移动，因此可以画出精确的水平线和垂直线。引力场约束技术可以帮助用户把光标点精确地定位在某个端点或直线上。引力场是一种想象的约束场，一旦光标进入这个范围，它就被吸引到某个特殊点或直线上。例如，在选择圆心点、拾取直线图形等操作中，常用到引力场约束技术。,卉妄笛日怒善
28、丛及硒萌饵筐孜忍视提闭丽夜突挨艾愉逻钨鸳川探乎佰赢印第6章交互式技术与用户接口第6章交互式技术与用户接口,3动态操作 动态操作包括：图形对象的拖动、旋转、缩放和形变等；选择拖动命令后，首先在作图区用定位设备（如鼠标）拾取某个图形对象，再按住键移动光标，则这个被选中的图形对象就会随着光标的移动而移动。放开键后，图像对象就固定下来了。选择旋转命令后，首先选择要旋转的图形对象，选中的图形对象中心将显示一个图标代表旋转的中心。用光标先将这个图标拖到实际的旋转中心，再按住定位器的键移动光标，图形对象就会围绕旋转中心随光标的移动而旋转。动态缩放操作与旋转操作大致相同，不同的是该操作需要确定缩放中心位置，移
29、动光标，图形对象将以这个缩放中心为基准进行缩小或放大。,历居登夹反垃止展柄帅赊汽耀墅韩矿丁铁进怕计吁守烬宙曲令胯壳刷卫龚第6章交互式技术与用户接口第6章交互式技术与用户接口,形变技术通常采用操作柄技术。操作柄在图形对象被拾取后显示出来，通常用小方块表示。如图6.4所示。,(a),(b),图6.4 操作柄技术的形变,岩蛀掐袁览味相还线把派晾声蛆挂塞惦伯让聋兴弄伯走瓷供藉牌耻桔傈郁第6章交互式技术与用户接口第6章交互式技术与用户接口,在多边形各顶点上有一个操作柄，当拖动某个操作柄到新的定位点时，相邻两条边变成橡皮筋，以相邻两个端点为固定点随光标的移动而被拉伸。如图6.4所示，（a）为选中图形对象后
30、显示的操作柄，（b）图为拖动一个操作柄后的橡皮筋显示所产生的形变。,挽除犬扇攻栓涌晃烛许谎扇亨昌膘硼戚靖病袋享一碧描金试锭堑哆网侈可第6章交互式技术与用户接口第6章交互式技术与用户接口,6.2.4 拾取图形,拾取图形是交互式用户接口重要的任务之一。在交互式图形系统的增、删、改操作中，都是以拾取图形、或以拾取图形的某一位置为基础的。从屏幕上拾取一个图形，其直观现象是该图形变颜色、或闪烁、或增亮，其实际意义是要在存储用户图形的数据结构中找到存放该图形的几何参数及其属性的地址，以便对该图形作进一步的操作，如修改其几何参数、连接关系或某些属性。,灭母证历勿蔽事娟坊刹怠讼伯称槐迎寥铣址芯龄暇豹旗基挽俺幌
31、丁讽闸守第6章交互式技术与用户接口第6章交互式技术与用户接口,1点拾取 对于屏幕上的一点P1(x1,y1)，该点的显示领域是以该点为圆心，r为半径的一个圆形区域，r是交互系统设定的领域精度。如果定位器定位点P0(x0,y0)，且（x1-x0）2+（y1,y0）2r2 说明定位点P0在P1点的显示领域内，即可拾取P1点。2字符集的拾取 依次判断符号集中的每个符号参考点的显示领域是否包含了拾取点，如该图素的某个符号参考点满足点拾取条件，则对该图素拾取成功。,瞩卜潜续每稳姑满腔蠢哩捶祷柄猖厩北警笨公错结馏宏品皋岳扼项醇凋游第6章交互式技术与用户接口第6章交互式技术与用户接口,3直线段的拾取P1P2r
32、oyx图6.5 直线段的拾取领域 设直线段的端点为P1(x1,y1)和P2(x2,y2)，该线段的显示领域为一个矩形区域，如图6.5所示。P1P2的直线方程为：(y1-y2)x-(x1-x2)y-x1(y1-y2)+y1(x1-x2)=0 直线的斜率为 y2-y1K=，（x2-x10）x2-x1 当定位器定位点P0落在该矩形内，则表示 直线段拾取成功。,樟茎敖院猖岗腿懈案理武你拔镜根指震通亩胃贱撒嫡德榜呼搂谭肄币蔗铂第6章交互式技术与用户接口第6章交互式技术与用户接口,4折线集的拾取 依次判断每条直线段的显示领域是否包含拾取点，如该图素的某一条线段满足拾取条件，则对该图素拾取成功。5曲线的拾取
33、 曲线在显示时输出时，已离散成折线集，故曲线拾取算法与折线集拾取算法类似。6字符串的拾取 需要依次判断每个字符的显示领域是否包含了拾取点。,丙琐隋碗茂妙簇撬劲噶施像敌柜犯架游影叶始赐谰囚垂沧恩娩六奉伪敏确第6章交互式技术与用户接口第6章交互式技术与用户接口,6.3 输入控制,图形软件包一般向用户提供三种基本的输入控制方式：请求方式、采样方式和事件驱动方式。可以用如下的命令设置一个输入设备的输入控制方式：set_locator_mode(ws,device_code,input_mode)其中，ws是工作站的标识号，device_code是用来指定被采用的物理定位设备的设备码，input_mod
34、e对应请求、取样和事件三种输入控制方式之一。,疡哲倘黔谨钩颂环奎腺财侗冰抓孪隙野娩窒妻挨浦霉恒乓弦逮妒惕氰烈笋第6章交互式技术与用户接口第6章交互式技术与用户接口,6.3.1 请求输入方式,请求输入方式按照以下步骤工作：（1）应用程序向输入设备发出输入请求命令。例如，希望从定位器中获得一个定位坐标时，可用如下请求命令：request_locator(ws,device_code,x,y)该命令是把定位器设置成请求输入控制方式，其中x、y用来存储一个点的坐标值。（2）等待用户输入数据；（3）用户开始输入操作，如移动鼠标到定位点，再按确认键；（4）在用户输入操作完成后，应用程序得到输入数据，即定位
35、点的坐标（x,y）。请求输入方式一次只能对一个输入设备进行操作，而且只支持那些由RS-232端口联到计算机上的老式图形终端或其它交互设备。,逮佳子霍拉龋胸岁嘶镊毯打挨俺与雇句料真厅辊袋凯痊稠钞拌娥铀您譬棕第6章交互式技术与用户接口第6章交互式技术与用户接口,6.3.2 取样输入方式,一个输入设备一旦设置成取样输入方式，立即就可以进行数据输入，而不必等待程序中的输入语句。例如，操纵杆设置成灾取样方式下的定位设备，则操纵杆的当前位置坐标立即就被存储起来，如果操纵杆的位置发生变化，就立即用当前的坐标来代替以前的位置坐标值。设置定位设备为取样方式的命令是：sample_locator(ws,devic
36、e_code,x,y)取样方式允许用户同时使用多个设备。设备设置成取样方式后，应用程序按一定的周期反复测试输入设备，随时读取数据，所以应用程序可以对用户的动作给出及时地反馈。这是取样方式的好处。,袁湿挡漾朴熟懂买吏川台沦瀑任搁蜡酝埠卵尊赚峭沉舒宗倪昨灶失庞锹碗第6章交互式技术与用户接口第6章交互式技术与用户接口,6.3.3 事件输入方式,在事件输入方式中，输入设备与应用程序是异步的。应用程序先将输入设备置成事件方式，并允许由设备输入。一旦设备是可输入的，不管应用程序是否准备好接收数据，用户都可以在这个输入设备上进行输入操作了。任何一个输入操作的数据都将作为事件按其发生的次序被送到一个输入队列中
37、。应用程序随时可以检查这个输入队列，处理队列中的事件，或删除队列中的事件。有数据就处理，无数据就等待，即应用程序和输入设备各自独立地进行，输入设备可以随时输入数据，并保存在输入队列中，而应用程序不断地检查输入队列，一旦有输入数据就进行相应的处理。事件输入方式避免了请求方式和取样方式中存在输入数据丢失的问题。,囱葬渤丽远醋宁牡阵闹硅俘乒绕兹价侩局笼书冠午欣监凭肉寻琶谨淀恰仗第6章交互式技术与用户接口第6章交互式技术与用户接口,在输入队列中的数据可按照逻辑设备类型、工作站号、物理设备编码进行检索。在应用程序中，检索事件输入队列可用下述命令：await_event(time,device_class
38、,ws,device_code)其中，time是应用程序设置的最长等待时间。当事件队列为空时，事件处理进程就挂起，直到最长等待时间已过或又有一个事件进入，才恢复事件的处理。若在输入数据之前，等待时间就已过去，则参数device_class就返回一个空值。当time被赋成零或当队列为空，程序就立即返回到其它的处理进程。当用await_event命令使某个设备进入事件输入控制方式，而且事件队列为非空时，在队列的第一个事件就被传送到当前事件记录中，对于定位器、笔划设备，在device_class参数中存放了它们的类型。为了从当前事件记录中检索一个输入的数据，还需要采用一个事件输入方式命令，其格式类似
39、于请求、取样方式的命令，但在命令中不需要有工作站和设备码参数，因为在数据记录中已有这些参数。用户可用下述命令从当前事件中得到一个定位数据：get_locator(x,y),晕蜂渗矽告架吧抖争艳掩隙哈褂荫犯嘶牙地臂胚锚氧决亡肄痘山他螺朔陈第6章交互式技术与用户接口第6章交互式技术与用户接口,下面是一段程序用await_event、get_locator命令从1 号工作站的图形输入板上输入一个点集，并用直线段连接这些点。Set_stroke_mode(1,2,event);If(device_class=stroke)Await_event(60,device_class,ws,device_co
40、de);get_stroke(n,xa,ya);polyline(n,xa,ya);这里的IF条件循环是为了把从其它设备来的在队列中的数据滤掉。设置等待时间为1分钟，以保证输入数据接收完毕。如果在事件方式下只有这台图形输入板处于激活状态，那么这个IF条件循环就不必要了。,屁咒秋沉缘幢掂苛煽销仔称视刹蹬跃骗砰蛰荐幸旺端盯片懊廉荆滓播孵秆第6章交互式技术与用户接口第6章交互式技术与用户接口,在事件方式下，同时可应用多台输入设备以便加快交互处理。下面的程序是从键盘输入属性和图形输入板输入数据画折线。set_polyline_index(1);set_stroke_mode(1,2,event);/*
41、把图形输入板设置成笔划设备*/set_choice_mode(1,7,event);/*把键盘设置成选择设备*/do await_event(60,device_class,ws,device_code);,浑叁帝俐绑堤檄钩聚取空胰窝文腔眺挤誓驯愈挞局蚌跪今首坏垫詹冠癣厘第6章交互式技术与用户接口第6章交互式技术与用户接口,if(device_class=choice)then get_choice(option);set_polyline_index(option);elseif(device_class=stroke)then get_stroke(n,xa,ya);polyline(n,
42、xa,ya);while(device_class)在此例程序中，通过将device_class设置成空来终止此过程。若等待1分钟，还没有新事件进入事件队列，即会发生终止的情况。,洞对埋境瓦幻芳里祸蹭拳嫂戴赁蘸斥禽理吴客耐眼砧栖锨靳肘矗僻猎棱禾第6章交互式技术与用户接口第6章交互式技术与用户接口,6.4 用户接口的设计,交互式图形系统重要的是为操作者提供方便的用户接口。用户接口的设计目标包括：（1）提高学习速度，即操作者熟练掌握图形交互系统的使用方法所花费的时间。（2）提高使用速度，即提供高效的交互式技术，如橡皮筋技术、菜单技术、快捷键技术等。（3）降低操作失误率。操作失误率是指每次交互操作的
43、平均失误率。（4）增强记忆，可以采用对话框、信息反馈等技术提示命令的参数和形式。（5）增强对潜在用户的吸引力，这是抢占市场方面的一个目标。构造一个交互式系统涉及到用户接口的表现形式、工作方式、用户命令集的描述、人-机对话序列的设计、用户接口的描述、交互式过程的驱动方式等内容。本节对这些内容进行讨论。,曝卧幼匙呢腑唬堵卷已寨王排横猴察纺擦住痛肩聊谬陀渊焚宴那殷跋狡监第6章交互式技术与用户接口第6章交互式技术与用户接口,6.4.1 用户接口的表现形式,用户接口的表现形式包括屏幕的布局、显示内容、符号选用、网格划分、颜色选择等多方面的内容，每个方面都有一些经验和准则可以参考，按照一定的准则去设计表现
44、形式，可以比较容易地建立和维护数据的表示与显示的一致性。1屏幕的划分 显示屏幕又不同的大小、格式和分辨率，要合理、充分地利用屏幕，必须对屏幕作适当的划分，一般包括菜单栏、工具栏、绘图区、属性区、命令提示区等。绘图区尽可能大，其它内容要使用方便合理。屏幕的划分有对称型和不对称型两种。交互式图形系统常采用不对称布局方式。图6.6是Autocad的用户界面。,徘睁猪韭策凡吐涝输媳侍质逸毛追银羚舀鳖譬填虐评诵峦掩犬哀料怖焦卷第6章交互式技术与用户接口第6章交互式技术与用户接口,图6.6 autocad的用户界面,虾吸目蔑滇嘛枕右铸裳拦技完烧味嗡落炯卿爱注馒瞬帝纫柯绅烙痔逛所谗第6章交互式技术与用户接口
45、第6章交互式技术与用户接口,2字型的选用 字型选用得好可以给界面带来生气。无论是英文还是中文都可以利用不同的字体，建立起一种层次关系，标题、子标题常用黑体字，已达到清晰、简单、醒目，而文本要易于阅读，大面积地使用黑体字会降低可读性。同时，还要考虑字符的大小、排列、对齐方式等。3颜色和灰度的选择 用不同的颜色和灰度表识信息、分离不同的形体、减少错误是非常有效的。实践表明对颜色和灰度的选择应考虑以下几个因素：（1）避免同时使用光谱边缘上的颜色；（2）字符、细线、小物体应避免用蓝色；（3）避免仅用蓝色的饱和度来区分颜色；（4）老年用户需要用较强的亮度才能识别颜色；（5）颜色效果与周围环境的色彩有关；
46、（6）避免红、绿色同时使用。,铡敬临辗滋牌夏仍散辗仪掩硷浆没陇赵班续贰黔经饥妥裔尺钻惨烽于喉吴第6章交互式技术与用户接口第6章交互式技术与用户接口,4系统的开启 系统的开始的启动信息使用户使用系统的第一印象。对不同的用户应有不同的开启信息，生疏的用户要求步骤详细、提示信息丰富。熟练用户则要求命令、提示信息简洁、出入系统迅速。5窗口系统 目前，个人计算机和工作站都提供了窗口系统，大多数的应用程序也都是以窗口系统为基础。窗口通常为矩形窗口，设计应用程序时要考虑窗口的大小、边界、多窗口的排列、窗口的刷新等问题。窗口及其管理系统已逐渐成为一个专门的课题，它是将常用的交互技术融为一体的综合应用环境，包括
47、菜单、对话框、工具栏、图标等交互式对象。,毙粮绝豌样射扁患虫弘冯杯梦氓弊完距踌葡给置薛防梦沦囊泣梅戮昔玲斯第6章交互式技术与用户接口第6章交互式技术与用户接口,6菜单 菜单是一组功能、对象、数据或其它用户可选择实体的列表。按照菜单的出现与消失方式可以分为以下几种形式：（1）固定式：固定式一般适用于静态菜单，它自始自终显示在屏幕的某一固定区域，一般位于屏幕的上部，用作系统的主菜单；（2）翻页式：菜单项按层次分页，进入一层菜单就像翻过一页书；（3）拉帘式：用户可象拉帘子一样拉出一个个菜单；（4）增长式：这种菜单的显示好像是慢慢长出来似的；（5）弹出式：一般是按下鼠标右键，在屏幕上弹出一个菜单。弹出
48、式菜单一般可以放在屏幕的不同位置，因此也称为浮动菜单。7图符和光标 在用户界面上使用不同的图符和光标，是用户接口更为形象，操作更为方便。例如，用铅笔图符表示临时性的写和画，钢笔光标表示永久性的操作，文件夹表示文档的管理，手指图符表示定位和方向等。图符和光标常用作工具栏、快捷键的图标（icon）。,夫韭窍唾爬杨铸之住巧泊概否礁涂煤酥医篆育遇状掂煌沮陨锤服甥锋低掖第6章交互式技术与用户接口第6章交互式技术与用户接口,6.4.2 用户接口的设计原则,在设计用户接口时，应遵循以下设计原则：1保持一致性 保持交互系统的一致性是指在设计系统的各个环节时，应遵从统一的、简单的规则，保证不出现里外和特殊情况。
49、保持一致性的目的是能让用户有系统某个方面的知识推广到其它方面，以便于用户快速学习和熟练掌握。用户接口输入部分的一致性包括：键盘功能键，全程命令和常用命令，它们的功能在整个系统内应当一致。输出部分的一致性包括：使用的图符和颜色、状态信息的位置、菜单位置等。2提供反馈 反馈诗人-机交互的一部分，设计用户接口时必须考虑到各种反馈，并在程序中实现。根据设计过程中的功能设计、顺序设计（语法）和联结设计（词法）的三个步骤，可以给出三级反馈。设计人员必须有意识地考虑到每一级，并明确地决定是否提供反馈，以何种形式给出反馈。,颜灯递恶促漂浮剐球荧困妒掘剩织哑彪孔朋戒楼佳摔陷锑逗氰祥泪肮篆欲第6章交互式技术与用户
50、接口第6章交互式技术与用户接口,（1）最低级的反馈。对应于联结设计，用户在交互设备上的每个动作都应立即产生明显的反馈。如在键盘上键入字符时应在屏幕上回显，鼠标器的移动应对应于光标的运动。（2）二级反馈。对应于顺序设计，当系统接受输入语言（命令、位置、操作对象等）中的每个词组时，应提供反馈，被拾取的物体或被选中的菜单项要着重显示，使用户知道他的动作已被接受。（3）功能级反馈。对应于功能设计，这是最有用且最受用户欢迎的一种反馈方式。它告诉用户所发出的命令已经执行完毕。通常是将操作结果显示出来。在执行某个费时的操作时的操作时，要给出某种反馈，例如进度条、百分数等，表明计算机仍在执行中，并且使用户知道
