界面表示模型与实现.ppt

6.1人机交互界面表示模型基于鼠标画图工具状态转换网第22页,共52页，星期六，2024年，5月扩展状态转换网络（StateCharts）6.1人机交互界面表示模型分层的状态图实例第23页,共52页，星期六，2024年，5月6.1.3行为模型和结构模型的转换一般来说行为模型主要对设计起指导作用，在此基础上，设计人员再进行结构模型（如状态转换网络等）的创建，这个过程很大程度上取决于设计人员的经验和对行为模型的理解。整体框架转换算法实例应用6.1人机交互界面表示模型第24页,共52页，星期六，2024年，5月6.1人机交互界面表示模型最高层目标状态转换“运行”目标状态转换第25页,共52页，星期六，2024年，5月6.1人机交互界面表示模型“走棋”目标状态转换第26页,共52页，星期六，2024年，5月6.1.4表现模型表现模型(PM)描述了用户界面的表现形式，由层次性的交互对象组成。逻辑组织结构6.1人机交互界面表示模型面板用户界面的图形显示面板用户界面的数据结构表示面板用户界面的绘制面板用户界面的逻辑组织结构第27页,共52页，星期六，2024年，5月面板内部的事件分发及响应方式控制面板用户界面交互的核心模块可以看作是一个事件处理中心，事件处理中心接收并解析用户动作，然后将结果表现给用户。6.1人机交互界面表示模型事件处理中心对事件的响应的实现第28页,共52页，星期六，2024年，5月面板间的关系JacobEisenstein创立了两种新的抽象描述来描述基于面板的用户界面表现模型。6.1人机交互界面表示模型面板关系分类面板种类第29页,共52页，星期六，2024年，5月界面描述语言一般分为两类：命令式语言(ImperativeLanguage)和陈述式语言(DeclarativeLanguage)。命令式语言要求编程人员明确的指定如何执行任务，陈述性语言要求编程人员只需指定任务要做什么，陈述性语言要比命令式的语言更为抽象。下面介绍几种常见的陈述性语言。6.2界面描述语言第30页,共52页，星期六，2024年，5月用户界面标记语言(UIML)6.2界面描述语言语言的基本表示结构第31页,共52页，星期六，2024年，5月扩展界面标记语言(XIML)XIML由组件(Components)、关系(Relations)和属性(Attributes)三部分构成。6.2界面描述语言XML语言的基本表示结构第32页,共52页，星期六，2024年，5月XML用户界面语言XULXUL提供了创建现代图形界面大多数元素的能力。能够满足特定设备的普遍需求，对开发者来说，也已经足够强大，能够创建复杂的界面。6.2界面描述语言第33页,共52页，星期六，2024年，5月6.3.1窗口系统结构窗口系统一般有三种结构：在各个应用程序内部实现和管理多任务在操作系统核心集中处理多任务管理多任务的管理可由独立的管理程序进行管理，应用程序通过调用该管理程序提供的接口来实现对多任务的管理和设备的独立性操作6.3窗口系统第34页,共52页，星期六，2024年，5月6.3.2交互事件处理应用程序内部事件处理循环6.3窗口系统事件处理循环第35页,共52页，星期六，2024年，5月事件注册方式6.3窗口系统事件注册方式处理流程图第36页,共52页，星期六，2024年，5月6.3.3交互组件开发包一般的窗口系统，输入和显示是分离的，许多语言提供了用于开发交互系统的开发软件包，交互系统开发软件包在支持窗口管理的基础上增加了另一种抽象，它把输入和输出的行为结合起来。6.3窗口系统按钮交互对象行为第37页,共52页，星期六，2024年，5月6.3.4交互框架6.3窗口系统桌面应用框架第38页,共52页，星期六，2024年，5月6.3窗口系统下拉菜单示例工具栏示例第39页,共52页，星期六，2024年，5月6.3窗口系统树形菜单示例状态栏示例标签页方式工作区示例第40页,共52页，星期六，2024年，5月6.3.5MVC模式和基于Struts的实现MVC把一个应用的输入、处理、输出流程按照模型(model)、视图（View）和控制（Controller）的方式进行分离，形成模型层、视图层、控制层三个层次。6.3窗口系统MVC模型第41