1 前言
這節我們將用一個簡單的應用:繪圖應用,我們叫他TouchPainter。來展示設計模式和最佳做法,希望能從中得到啟發。
2 詳述
2.1 設計過程中的3個重要裡程碑
2.1.1 想法的概念化
匯集有關TouchPainter應用的一些基本需求和用例,比如用戶應該怎樣使用,以及用戶使用時的體驗。
2.1.2 界面外觀的設計
讓開發人員探討那些UI要素可以合乎邏輯地組合在一起,有個整體認識,消除不必要的UI要素,簡化並增強用戶體驗。這是個反復的過程,所以設計要易於修改。開發人員可以用鉛筆在紙上畫出來那些不同視圖可以放在一起,以便修改。
2.1.3 架構設計
確定一些應用程序架構的技術問題,比如:用戶怎樣可以打開塗鴉圖。
2.2 架構設計
關於設計模式的架構設計:
2.2.1 視圖管理
(1)從一個視圖到另一個視圖的遷移
(2)使用中介者來協調視圖遷移
在這裡我們引入了一個中介者,是的各個視圖的依賴關系降低。
2.2.2 如何表現塗鴉
(1)在屏幕上可以畫什麼
(2)用組合結構來表示痕跡
在這裡我們使用了組合機構,把下調與點組合到樹形結構中,以便統一處理每一節點。
點是葉子節點,是獨立的實體;
線條是組合體,包含了其他點作為頂點,同事也可以包含其他線條組合體。
(3)繪制塗鴉圖
2.2.3 如何表現保存的塗鴉圖
(1)獲取塗鴉圖的狀態
(2)回復塗鴉圖的狀態
2.2.4 用戶操作
(1)浏覽塗鴉縮略圖的列表
(2)塗鴉圖的撤銷和恢復
(3)變更線色和線寬
(4)刪除屏幕上的當前塗鴉圖
針對以上的功能點,我們會逐一的學習相應的設計模式,從而將涉及模式應用與實際。
3 結語
以上就是所有內容,希望對大家有所幫助。