(教学培训课件)第3章 交互技术与用户接口.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《(教学培训课件)第3章 交互技术与用户接口.ppt》由用户(晟晟文业)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 教学培训课件第3章 交互技术与用户接口 教学 培训 课件 交互 技术 用户 接口
- 资源描述:
-
1、计算机图形学计算机图形学武汉大学国际软件学院武汉大学国际软件学院 涂建光涂建光139711945461 1交互技术与用户接口Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-82 2用户接口的常用形式用户接口的常用形式n 子程序库子程序库lGKS,OpenGL等等l使用方便,但需要用户熟悉某种通用程序设计语言使用方便,但需要用户熟悉某种通用程序设计语言n 专用语言专用语言l一般为解释性的语言一般为解释性的语言lPostScript,VRML等等n 交互命令交互命令l图形界面或命令行方式,进行人机交互图形界面或命令行方式,进行人
2、机交互l常用操作:增、删、改操作(常用三表结构实现)常用操作:增、删、改操作(常用三表结构实现)Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-83 3交互设备与交互任务交互设备与交互任务n 定位(定位(Locator)n 笔画(笔画(Stroke)n 定值(定值(Valuator)n 选择(选择(Choice)n 拾取(拾取(Pick)n 字符串(字符串(String)Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-84 4定定 位位n 定位是确定平面一
3、点定位是确定平面一点(x,y)或空间一点或空间一点(x,y,z)的坐的坐标。标。l直接定位:用定位设备直接指定某个点的位置直接定位:用定位设备直接指定某个点的位置,如键盘如键盘输入。直接定位方法可以准确地给点定位输入。直接定位方法可以准确地给点定位l间接定位:通过定位设备的运动控制屏幕上的光标进行间接定位:通过定位设备的运动控制屏幕上的光标进行定位。如在移动鼠标时,根据鼠标移动的相对距离去控定位。如在移动鼠标时,根据鼠标移动的相对距离去控制屏幕上光标的移动制屏幕上光标的移动指点杆手写平板电脑Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2
4、022-11-85 5输出信号光导纤维透镜组导线笔体光孔触钮开关光电转换放大整形开关电路直接输入设备直接输入设备光笔、触摸屏光笔、触摸屏鼠标手柄操纵杆光笔n间接输入设备:最普通的定位设备:鼠标及屏幕上的光标操纵杆、数字化仪及按键盘上的方向键也可以控制光标的移动Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-86 6n另外,使用数字化仪不仅另外,使用数字化仪不仅可像鼠标那样产生输入点可像鼠标那样产生输入点的相对坐标,还可输入点的相对坐标,还可输入点的绝对坐标。的绝对坐标。l如果我们要输入一张图纸,如果我们要输入一张图纸,用数字
5、化仪输入图上各点用数字化仪输入图上各点的绝对坐标是最合适的方的绝对坐标是最合适的方法。法。数字化仪Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-87 7笔笔 画画n笔画输入用于输入一组坐标点,相当于多笔画输入用于输入一组坐标点,相当于多次调用定位输入。次调用定位输入。l如指定一条折线的顶点组、指定一条自由曲如指定一条折线的顶点组、指定一条自由曲线的控制点等。线的控制点等。n笔画设备笔画设备l鼠标、轨迹球、游戏棒连续移动的信号经转鼠标、轨迹球、游戏棒连续移动的信号经转换成为一组坐标值。换成为一组坐标值。l图形输入板的连续模式
6、可通过按键激活。当图形输入板的连续模式可通过按键激活。当光标在图形输入板表面上移动时,就产生一光标在图形输入板表面上移动时,就产生一组坐标值。组坐标值。Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-88 8n输入方式输入方式l与定位设备的输入方式一致。与定位设备的输入方式一致。n常用设备常用设备轨迹球手写板Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-89 9定值定值n 定值设备为应用程序输入一个值定值设备为应用程序输入一个值.l如在旋转某一对象时输入
7、一个旋转角度、缩放对象时如在旋转某一对象时输入一个旋转角度、缩放对象时输入一个比例因子以及输入文字高度、字体大小比例输入一个比例因子以及输入文字高度、字体大小比例因子等。因子等。n 输入方式输入方式l直接输入数值直接输入数值l通过字符串取值通过字符串取值l通过比例尺输入通过比例尺输入l执行上下记数控制命令等。执行上下记数控制命令等。n 物理设备物理设备l包括旋钮、键盘、数字化仪、鼠标、方向键、编程功包括旋钮、键盘、数字化仪、鼠标、方向键、编程功能键等能键等 旋钮Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-81010n常用
8、的定值任务实现方法常用的定值任务实现方法o可用键盘键入数值可用键盘键入数值o可用软件的方法在屏幕上可用软件的方法在屏幕上绘制一刻度尺或比例尺,用绘制一刻度尺或比例尺,用户可用定位设备控制光标在户可用定位设备控制光标在尺子上移动实现数值的输入尺子上移动实现数值的输入o用刻度盘实现数值输入的用刻度盘实现数值输入的原理也一样,操作员控制从原理也一样,操作员控制从圆心出发的线段绕圆心旋转,圆心出发的线段绕圆心旋转,根据显示的角度读数或比例根据显示的角度读数或比例数据来定值数据来定值o如果要输入一个精确的数,如果要输入一个精确的数,最好还是用键盘输入最好还是用键盘输入定值的几种方法Computer Gr
9、aphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-81111选选 择择n选择是在某选择集中选出选择是在某选择集中选出一个元素,它可以用于指一个元素,它可以用于指定命令,确定操作对象或定命令,确定操作对象或选定属性等选定属性等l选择功能可用功能键选择功能可用功能键l可用鼠标移动光标到要选图可用鼠标移动光标到要选图元附近的位置,按下鼠标的元附近的位置,按下鼠标的按钮,通过软件选择距光标按钮,通过软件选择距光标最近的图元最近的图元画图中的选项Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-1
10、1-81212n菜单功能使用最普遍,也是非常重要的一种菜单功能使用最普遍,也是非常重要的一种交互方法。使用菜单可改善应用系统用户接交互方法。使用菜单可改善应用系统用户接口的友好性口的友好性分级菜单选择Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-81313n 对话框和键盘上的按键也可提供选择功能。对话框和键盘上的按键也可提供选择功能。l对话框的内容极丰富,在对话框中通常用于选择功能对话框的内容极丰富,在对话框中通常用于选择功能的是选择开关及的是选择开关及radio按钮(单选按钮,以小圆框打点按钮(单选按钮,以小圆框打点表示
11、被选中)表示被选中)l键盘选择也极为简单,如击数字键键盘选择也极为简单,如击数字键“1”表示使用绿色表示使用绿色绘制,绘制,“2”表示使用蓝色绘制等表示使用蓝色绘制等 Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-81414n物理设备物理设备l包括光笔、触摸屏、数字化仪、鼠标、操纵包括光笔、触摸屏、数字化仪、鼠标、操纵杆、跟踪球杆、跟踪球,字符串输入设备、编程功能键、字符串输入设备、编程功能键、声音识别仪等。声音识别仪等。n输入方式输入方式l包括直接或间接在屏幕上进行选择包括直接或间接在屏幕上进行选择l字符串选择字符串选择
12、l时间扫描时间扫描l手写输入、手写输入、l声音输入等。声音输入等。触摸屏Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-81515拾拾 取取n 拾取的功能是选择图形对象,用于选择场景中即将进行拾取的功能是选择图形对象,用于选择场景中即将进行变换或编辑的部分。拾取一个对象的方法有:变换或编辑的部分。拾取一个对象的方法有:l 指定名称法指定名称法:通过指定欲拾取对象的名称实现通过指定欲拾取对象的名称实现l 特征点法特征点法:选择时让图形的特征点(如线段的端点,圆心等)以选择时让图形的特征点(如线段的端点,圆心等)以强光醒目显示强
13、光醒目显示,来拾取对象来拾取对象l 边界盒法边界盒法:对每一个子图预先求一个边界盒或比边界盒大一点的对每一个子图预先求一个边界盒或比边界盒大一点的边界盒边界盒l 分类法分类法:分别将点分别将点,折线折线,弧等在有关按键的控制下进行拾取弧等在有关按键的控制下进行拾取 拾取对象的几种方法Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-81616n物理设备包括各种定位设备、编程功能物理设备包括各种定位设备、编程功能键、字符串输入设备等。键、字符串输入设备等。笔型字符识别器Computer GraphicsComputer Grap
14、hics计计 算算 机机 图图 形形 学学2022-11-81717字符串字符串n 键盘是目前输入字符串最常用键盘是目前输入字符串最常用的设备的设备n 写字板输入字符曾经也很流行写字板输入字符曾经也很流行l书写时笔画的次序可被系统记录书写时笔画的次序可被系统记录下来,因而比脱机扫描输入识别下来,因而比脱机扫描输入识别具具l有更多信息,具有更高的识别率。有更多信息,具有更高的识别率。n 语音输入也是字符串输入以及语音输入也是字符串输入以及功能选择的一种输入方法功能选择的一种输入方法.l语音输入需要使用语音识别技术语音输入需要使用语音识别技术 手写板语音输入Computer GraphicsCom
15、puter Graphics计计 算算 机机 图图 形形 学学2022-11-81818n 物理设备物理设备:l字母键盘、数字化仪、光笔、声音识别仪、触压板字母键盘、数字化仪、光笔、声音识别仪、触压板等。等。Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-81919三维交互设备三维交互设备n方便三维空间定位、拾取等操作方便三维空间定位、拾取等操作l三维目标定位装置、数据手套、头戴显示器等三维目标定位装置、数据手套、头戴显示器等 三维交互设备Computer GraphicsComputer Graphics计计 算算 机机
16、图图 形形 学学2022-11-82020交互技术交互技术 n几何约束几何约束n拖拽拖拽n三维输入三维输入n新技术新技术Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-82121几何约束几何约束n 定位约束定位约束l在屏幕上定义一个可见或不可见的网格在屏幕上定义一个可见或不可见的网格.网格线是等间网格线是等间距的水平线和垂直线,其交点为网格点。在使用网格距的水平线和垂直线,其交点为网格点。在使用网格时,任何方式输入的点都将被定位到离该点最近的网时,任何方式输入的点都将被定位到离该点最近的网格点上。格点上。l假设定义网格单元的
17、宽、高分别为假设定义网格单元的宽、高分别为 a a、b b,输入点的坐,输入点的坐标为(标为(x x,y y),则离它最近的网格点的坐标为:),则离它最近的网格点的坐标为:(a(int(x+a/2)/a),b(int(y+b/2)/b)定位约束的示例Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-82222方向约束示例n方向约束方向约束l用于绘制水平或垂直的线段。用于绘制水平或垂直的线段。l绘制时绘制时,若终点和起点的连线与水平线的夹角小于若终点和起点的连线与水平线的夹角小于4545,则绘出一条水平线(如下图),则绘出一条水
18、平线(如下图),否则绘制垂否则绘制垂直线。直线。l避免人眼或定位设备带来的误差,可以应用于印避免人眼或定位设备带来的误差,可以应用于印刷线路板或大规模集成电路的设计。刷线路板或大规模集成电路的设计。Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-82323 引力场 n引力场引力场l可以看做是一种定位约束,用光标进行选图操作时,可以看做是一种定位约束,用光标进行选图操作时,为了使光标可以较容易地定位选择区域中的图形,为了使光标可以较容易地定位选择区域中的图形,可以将图形的选择区域适当变大,这就是引力场方可以将图形的选择区域适当
19、变大,这就是引力场方法。法。l例如,在每条线段的周围假想有一个区域,光标中例如,在每条线段的周围假想有一个区域,光标中心落在这个区域内时,就自动地被直线上离光标最心落在这个区域内时,就自动地被直线上离光标最近的一点所代替,如同一个质点进入直线周围的引近的一点所代替,如同一个质点进入直线周围的引力场后,被吸引到这条直线上去一样。力场后,被吸引到这条直线上去一样。l注意引力场区域大小的选择要适当。注意引力场区域大小的选择要适当。Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-82424拖拖 拽拽 n 要把一个对象放到新的位置要把
20、一个对象放到新的位置.如果光标移动的如果光标移动的同时同时,对象也跟着光标移动对象也跟着光标移动.会使用户感觉更直会使用户感觉更直观,从而使得对象的定位更为精确。观,从而使得对象的定位更为精确。拖拽图元到新的位置 Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-82525n 拖拽技术是当前人机交互中普遍使用的技术,拖拽技术是当前人机交互中普遍使用的技术,它可以使用户的操作更直观,它可以使用户的操作更直观,定位更精确定位更精确。拖拖动有时耗费很大动有时耗费很大,尤其当图像很大或图形很复,尤其当图像很大或图形很复杂时,拖拽可能变
21、的很慢。杂时,拖拽可能变的很慢。n“橡皮筋橡皮筋”技术技术l拖拽的另一种形式。拖拽的另一种形式。l不同的只是拖动对象的形状随着光标位置的不同而不同的只是拖动对象的形状随着光标位置的不同而变化。变化。l橡橡皮皮筋的形状可以是任意的筋的形状可以是任意的,可以是矩形、圆、圆,可以是矩形、圆、圆弧、自由曲线,也可以是更复杂的图形。弧、自由曲线,也可以是更复杂的图形。Computer GraphicsComputer Graphics计计 算算 机机 图图 形形 学学2022-11-82626三维输入三维输入 n 输入一个立体图时,常常是将点、线、面单独输入一个立体图时,常常是将点、线、面单独输入的。而
展开阅读全文