臺灣博碩士論文加值系統

圖形使用者介面(Graphics User Interface，GUI)一直是遊戲開發的核心部分，因為它是讓玩家對遊戲產生的第一觀感。但是在開發時它往往是被忽略的，通常都是在遊戲完成時去設計，且都是依照企劃的設定去開發，沒有一定的開發模式，這樣不僅耗費時間，又無重複利用性。所以本篇研究提出於移動平台遊戲中的GUI設計架構，讓開發者往後開發遊戲時，使用本篇研究所提出的架構，便可專注在遊戲細節的開發上，減少程式人員與美術人員之間的溝通成本，且往後想要加入新的GUI控制項，也可依照本篇所提出的架構，便可快速擴充。而本篇研究使用C#程式語言搭配XNA以及Monogame遊戲框架，只須寫一次程式碼，便可達到跨Android、iOS以及WindowsPhone三個移動平台的遊戲。

Since Graphics User Interface, GUI, plays an important role of the impression on the game, it is one of the cores of game development. The GUI is usually developed according to the game proposal and there are no explicit rules and patterns for designing GUI for games. In this paper, we proposed a framework of game's GUI development based on mobile platforms. According to the proposed framework, developers can concert on the details of the game. Our framework also has extensibility. We use the C# programming language and the Monogame to implement the proposed framework. With writing code once, the game can cross-platform on Android, iOS and Windows Phone.

指導教授推薦書 i
口試委員審定書 ii
誌謝 iii
中文摘要 iv
英文摘要 v
目錄 vi
圖目錄 ix
表目錄 xi
第一章、緒論 1
1.1 研究背景 1
1.2 研究動機 2
1.3 研究目的 2
1.4 研究限制 3
第二章、文獻探討 4
2.1 使用者介面(User Interface，UI) 4
2.2 圖形使用者介面(Graphics User Interface，GUI) 4
2.2.1 遊戲軟體的介面設計 5
2.2.2 使用者介面開發設計原則 6
2.2.3 使用者介面的軟體發展過程 7
2.2.4 控制項 8
2.3遊戲引擎 8
2.3.1 XNA Framework 8
2.3.2 Monogame 9
2.3.3 Unity 10
2.4 Xamarin 10
2.4.1 .NET Framework 10
2.4.2 Mono 11
2.4.3 Xamarin.iOS 12
2.4.4 Xamarin.Android 12
2.5物件導向程式設計 13
2.6事件驅動程式設計 13
2.7行動裝置作業系統 14
2.7.1 iOS 14
2.7.2 Android 15
2.7.3 Windows Phone 15
第三章、研究方法 17
3.1核心架構 17
3.2遊戲中GUI控制項的基礎屬性與方法 18
3.3遊戲中常見的GUI控制項 20
3.4 GUI控制項的屬性與方法 21
3.4.1按鈕(Button) 21
3.4.2核取方塊(CheckBox) 22
3.4.3單選按鈕(RadioButton) 23
3.4.4軌跡條(TrackBar) 24
3.4.5標籤(Label) 25
3.4.6進度條(ProgressBar) 26
3.4.7文字方塊(TextBox) 27
3.4.8面板(Panel) 28
3.5 GUI控制項的事件設計 29
3.5.1按鈕(Button) 29
3.5.2核取方塊(Checkbox) 30
3.5.3單選按鈕(RadioButton) 30
3.5.4軌跡條(TrackBar) 30
3.5.5進度條(ProgressBar) 31
3.5.6文字方塊(TextBox) 31
3.6 GUI控制項的視覺回饋 32
3.7跨平台解決方法 33
第四章、研究成果 34
4.1示範遊戲(一) 34
4.1.1按鈕(Button) 35
4.1.2核取方塊(CheckBox) 36
4.1.3軌跡條(TrackBar) 37
4.1.4標籤(Label) 38
4.2示範遊戲(二) 40
4.2.1單選按鈕(RadioButton) 41
4.2.2面板(Panel) 43
4.3示範遊戲(三) 45
4.3.1進度條(ProgressBar) 46
4.4 示範遊戲(四) 48
4.4.1文字方塊(TextBox) 49
4.5跨平台實作方式 50
4.6多種解析度解決方案 50
第五章、結論與未來研究 52
參考文獻 55

英文部分
Gartner, http://www.gartner.com/newsroom/id/2614915. (瀏覽日期2015/06/08)
Command Line Interface, http://goo.gl/zib24s. (瀏覽日期2015/06/08)
User Interface, http://goo.gl/60pXph. (瀏覽日期2015/06/08)
Graphics User Interface, http://goo.gl/3rqQhx. (瀏覽日期2015/06/08)
GUI widget, http://en.wikipedia.org/wiki/GUI_widget. (瀏覽日期2015/06/08)
Game Engine, http://en.wikipedia.org/wiki/Game_engine. (瀏覽日期2015/06/08)
XNA Framework, http://goo.gl/POzKCd. (瀏覽日期2015/06/08)
Monogame , http://www.monogame.net/. (瀏覽日期2015/06/08)
Event-driven programming, http://goo.gl/CWNuUV. (瀏覽日期2015/06/08)
[Android, http://en.wikipedia.org/wiki/Android. (瀏覽日期2015/06/08)
iOS, http://en.wikipedia.org/wiki/IOS. (瀏覽日期2015/06/08)
Windows Phone, http://goo.gl/9PmMDP. (瀏覽日期2015/06/08)
Xamarin, http://xamarin.com/. (瀏覽日期2015/06/08)
Mono, http://www.mono-project.com/. (瀏覽日期2015/06/08)
.NET Framework, https://goo.gl/dL8QT4. (瀏覽日期2015/06/08)
Unity, https://unity3d.com/. (瀏覽日期2015/06/08)
Grady Booch, Robert A. Maksimchuk and Michael W. Engle. (2009). “Object-Oriented Analysis and Design with Applications”.
Alan Thorn. (2004). “DirectX 9 User Interface: Design and Implementation”. Worldware Publishing.
Zhixing, Shen, and Jinyuan, Jia. (2010). “Architecture Design of A Lightweight Extensible GUI Framework for Games”. ICCEE.
Hu, Fei, and Ji, Lixia. (2008) “On the Peak-Experience in the Game GUI Design” ICMECG ’08.

中文部分：
耿東為、陳為(2009)，電腦遊戲程式設計，電子工業出版社。
羅仕鑒，朱上上，孫守謙(2003)，人機界面設計，機械工業出版社。
施宏霖(2008)，簡化開發遊戲使用者介面之研究與實作，世新大學管理學院資訊管理所碩士論文。
楊亦婷(2006)，數位行動遊戲人機介面使用性之探討─以PDA遊戲為例，銘傳大學設計創作研究所碩士論文。
許維哲(2006)，數位遊戲使用者介面設計研究─以行動裝置為例，國立臺北教育大學玩具與遊戲設計研究所碩士論文。
陳永茂(2007)，遊戲使用者介面設計─以線上遊戲為例，開南大學資訊及電子商務研究所碩士論文。
條件式編譯，http://goo.gl/uCuZLG。(瀏覽日期2015/06/08)