1、 本 科 毕 业 论 文 基于 MMORPG 的 GUI 设计模式的研究 The Study of GUI Design Patterns Based on MMORPG 姓 名: 学 号: 学 院:软件学院 系:软件工程 专 业:软件工程 年 级: 校内 指导教师: 校外 指导教师: 年 月摘 要 设计模式作为一种占有和分享知识的格式化方式已经在设计者间广泛传播,并获得了广泛的推崇。包括建筑学、工业设计、软件工程在内的许多设计学科,设计者通过设计模式紧密的思路来解决他们遇到的问题。但是,在现有 的设计模式中,很少有 面向图形用户界面 GUI 的,特别是近年来飞速发展 的大型多人在线角色扮演游
2、戏 MMORPG。 本文主要运用了人机界面设计原理,以用户为中心的设计思想,结合大型角色扮演类游戏的图形用户界面的实际开发,通过借鉴 GOF 设计模式,对 MMORPG 的 GUI 设计 模式进行探索性 研究,最终 总结出一套以用户为中心,可复用的 GUI 设计模式。 本文还对总结出 的 GUI 设计模式提出了相关评估 建议。 另外,本文还必要的涉及了图形用户界面设计中最重要的元素,即Windows 常用标注控件的分析,然后在此基础上进一步详细分析了MMORPG 中的图形用户界面。在此基础上,才胆敢提出了相关的 GUI 设计模式假设,这些模式包括原型模式、单体模式、适配器模式、组合模式、代理模
3、式以及策略模式。 关键词 : 大型 网游 ; 图形用户界面 ; 设计模式 Abstract As a form of possessing and sharing knowledge, design pattern has been widely disseminated and highly appraised. Designers from architecture, industrial design and software engineering use the concept, principles and techniques of design pattern to resol
4、ve problems they are facing with. However, design pattern for GUI is still lacking, particularly in the massively multiplayer online role-playing games (MMORPG), which are rapidly developing these days. Based on the underlying principles of user-centered HCI design and experiences of GUI development
5、 in the MMORPG, this paper demonstrates exploratory research in design pattern used in GUI of MMORPG. Moreover, we provide guidance and suggestions on evaluation of GUI design patterns. In addition, this paper discusses about the most significant element of the GUI, Windows Common Control, based on
6、which we give further detailed GUI analysis of the MMORPG. Finally, we put forward the assumption of GUI design patterns, including Prototype, Singleton, Adapter, Composite, Proxy and Strategy. Key words: MMORPG; GUI; design pattern.I 目 录 第一章 绪论 . 1 1.1 课题来源 . 1 1.2 研究意义 . 1 1.3 研究思路 . 2 1.4 论文组织结构
7、. 2 第二章 MMORPG 图形用户界面 . 3 2.1 MMORPG 的定义 . 3 2.2 MMORPG 中的图形用户界面 . 3 2.3 Windows 常用标准控件分析 . 5 2.3.1 概述 . 5 2.3.2 窗口 . 6 2.3.3 菜单 . 8 2.3.4 图标 . 9 2.3.5 指针 . 10 2.3.6 按钮 . 11 2.3.7 复选框 . 13 2.3.8 单选按钮 . 13 2.3.9 滑动条 . 14 2.3.10 列表框 . 15 2.3.11 微调控制器 . 15 2.3.12 下拉列表 . 15 2.3.13 工具栏 . 16 2.3.14 选项 . 1
8、7 2.3.15 文本框 . 18 2.3.16 标签 . 19 2.3.17 提示框 . 19 II 2.3.18 状态栏 . 19 2.3.19 进度条 . 20 2.3.20 信息栏 . 20 2.4 MMORPG 人机界面分析 . 21 2.4.1 概述 . 21 2.4.2 主场景 . 22 2.4.3 小地图 . 22 2.4.4 大地图 . 23 2.4.5 状态信息模块 . 24 2.4.6 聊天模块 . 24 2.4.7 快捷按钮 . 25 2.4.8 菜单按钮 . 26 2.4.9 任务模块 . 26 2.4.10 交易模块 . 27 2.4.11 组队模块 . 27 2.
9、4.12 社交模块 . 28 2.4.13 人物属性窗口 . 28 2.4.14 物品装备窗口 . 29 2.4.15 宠物窗口 . 30 2.4.16 快捷键 . 30 2.4.17 提示信息 . 31 第三章 设计模式在 GUI 中的应用与研究 . 32 3.1 GOF 设计模式 . 32 3.1.1 GOF 概述 . 32 3.1.2 设计模式概述 . 32 3.1.3 二十三种 GOF 设计模式 . 33 3.2 从 GOF 设计模式到 GUI 设计模式 . 33 3.2.1 GUI 设计模式与 GOF 设计模式的联系 . 33 3.2.2 GUI 设计模式与 GOF 设计模式的区别
10、. 34 III 3.3 MMORPG 中的 GUI 设计模式 . 34 3.3.1 原型模型模式 . 34 3.3.2 单体创建型模式 . 36 3.3.3 适配器模式 . 36 3.3.4 组合结构型模式 . 37 3.3.5 代理模式 . 38 3.3.6 策略行为模式 . 39 3.4 设计模式的评估 . 40 第四章 总结与展望 . 41 4.1 工作总结 . 41 4.2 工作展望 . 41 参考文献 . 42 致 谢 . 44 IV Contents Chapter1 Introduction . 1 1.1 Research Resource . 1 1.2 Research
11、Significance . 1 1.3 Research Methods . 2 1.4 Outline of Thesis. 2 Chapter2 MMORPG Graphical User Interface . 3 2.1 MMORPG Definition. 3 2.2 Graphical User Interface in MMORPG . 3 2.3 Windows Commonly Controls . 5 2.3.1 Introduction . 5 2.3.2 Window . 6 2.3.3 Menu. 8 2.3.4 Icon. 9 2.3.5 Point . 10 2
12、.3.6 Button .11 2.3.7 Checkbx . 13 2.3.8 Radio Button . 13 2.3.9 Slider . 14 2.3.10 List Box . 15 2.3.11 Spinner . 15 2.3.12 Drop-Box . 15 2.3.13 Toolbar . 16 2.3.14 Tab . 17 2.3.15 Text Box . 18 2.3.16 Label . 19 2.3.17 Tooltip . 19 V 2.3.18 Status Bar. 19 2.3.19 Proess Bar . 20 2.3.20 Infobar. 20
13、2.4 Analysis of Human-machine Interface in MMORPG . 21 2.4.1 Introduction . 21 2.4.2 Main Scene . 22 2.4.3 Small Map . 22 2.4.4 Big Map . 23 2.4.5 Status Information Module . 24 2.4.6 Chat Module . 24 2.4.7 Shortcut Button . 25 2.4.8 Menu Button . 26 2.4.9 Task Module . 26 2.4.10 Deal Module. 27 2.4
14、.11 Team Module. 27 2.4.12 Social Module . 28 2.4.13 Person Attributes Window . 28 2.4.14 Items of Equipment Window . 29 2.4.15 Pets Window . 30 2.4.16 Shortcut Key . 30 2.4.17 Message Window . 31 Chapter3 Design Patterns in GUI Application Research . 32 3.1 GOF Design Patterns . 32 3.1.1 GOF Introduction. 32 3.1.2 Design Patterns Introduction .