# 20.10 遵循用戶界面設計規范
學習各個平臺的界面設計規范是一件很值得一做的事情.雖然它們中的絕大多數差異都已經被wxWidgets自動屏蔽了,不過還是有一些細節是無法自動解決的.比如按鈕的布局風格在不同的平臺上是不一樣的.蘋果的Mac OSX操作系統上按鈕的順序和間隔的要求是非常嚴格的.下面只是我們認為值得特別說明的一些方面,包括一些平臺相關的規則和一些一般的規則.另外你也可以通過多操作各個平臺上的經典的程序,并觀察他們外觀的不同來幫助你設計你自己的程序在這些平臺上的外觀.
標準按鈕
在windows和Linux平臺上,按鈕可以被整體居中或者右對齊,通常的順序是OK,Cancel和Help.而在Mac OSX上,幫助按鈕(如果使用wxID_HELP會自動顯示一個問號標記)通常應該是左對齊的,其它的按鈕則是右對齊的,并且最右邊的那個是默認按鈕,也就是說是:?號,空格,Cancel,OK這樣的順序.
盡可能使用wxWidgets提供的標準按鈕標識符(比如wxID_OK, wxID_CLOSE, wxID_APPLY等),因為在某些平臺上(尤其是wxGTK平臺上),這些標準標識符會被自動添加一些合適的圖形.
參考第7章"使用布局控件進行窗口布局"中的"平臺相關布局"小節了解wxStdDialogButtonSizer類的使用方法,這個類能夠對標準按鈕進行平臺相關的布局.
菜單
避免出現空的菜單條.小心的給各個菜單添加有意義的標簽,并且使用"&"符號引導的通常是標簽的第一個字符的加速鍵(比如 &File)和快捷鍵(比如Ctrl+O).常用的那些菜單項命令應該盡可能的提供,比如拷貝,粘貼,撤消等.不要有太長或者太短的菜單項.通常 9到10個菜單項是一個比較合理的最大值.如果確實有很多選項需要配置,可以考慮使用一個菜單項彈出一個對話框進行這些設置.
和按鈕的使用一樣,盡可能使用wxWidgets提供的標準的標識符,尤其是wxID_HELP,wxID_PREFERENCES 等,在Mac OSX平臺上,wxID_HELP菜單將被移動到應用系統菜單中去,你應該注意這個問題,以便產生空的菜單條或者連續兩個菜單分割條.
圖標
你工具欄,frame窗口和別的界面元素上的圖標可以給你的應用程序一個很好的觀感.忽略這一點可以讓你的應用程序的界面效果大打折扣. 尤其是在MAc OSX平臺上,這個平臺對于美學的要求是很高的.你應該盡量給每一個項目創建自己的圖標,或者,一個更簡單的作法,直接購買別人設計好的圖標,然后將那些非標準的圖標按照統一的風格進行設計.在圖標上的付出將會獲得等價的回報,你的應用程序將會因為使用了這些圖標而增光添彩,也會給用戶留下很強烈的印象. 你也可以在網上找到一些圖標,比如,遵循L-GPL協議發布的Ximian圖標集: http: //www.novell.com/coolsolutions/feature/1637.html .
字體和顏色
不要在你的對話框上使用很多中字體和顏色,這除了導致你的界面看上去花里胡哨以外,還使得wxWidgets很難去進行針對各個平臺的一些外觀調整,以便給出你的應用程序以本地觀感.不過,這并不防礙你給你的用戶增加更改默認字體的選項,以便他們可以改變那些包含很多紋理信息的對話框的外觀,比如用作報告的對話框.對于顏色的使用要遵循那個平臺的規范.對于wxWidgets提供的對話框,wxWidgets可以自己作一些平臺適應工作, 但是對于你自定義的對話框,有些則需要你自己去注意這個問題.
應用程序中止時的行為
在大多數平臺上,沒有使用MDI界面或者將類似界面的基于文檔的應用程序將在每個frame窗口中顯示一個文檔.當最后一個文檔被關閉的時候應用程序就將退出.但是在Mac OSX平臺上,正如我們在第19章"使用文檔和視圖框架"中介紹的那樣,用戶并不期待這時候整個應用程序退出,應用程序應該還有一個菜單顯示在系統菜單條上,以便用戶可以通過它打開或者創建新的文檔或者關閉應用程序.這可以通過創建一個不可見的frame主窗口的方法來實現,可能需要你增加一點點平臺相關的代碼.
在嵌入式開發系統中(比如Pocket PC),應用程序在主窗口被關閉的時候仍然停留在內存中,用戶通常沒有辦法讓他們退出.你可以選擇是否遵守這個規則還是允許用戶退出應用程序以便給別的程序騰出內存.在Pocket PC上,wxWidgets也會設置標準的快捷鍵Ctrl+Q用來退出應用程序,這個快捷鍵的默認處理動作是發送wxID_EXIT命令事件.
進一步閱讀
下面列出了wxWidgets支持的各個主要平臺上的用戶界面設計規范,以及一些一般性UI設計建議的書籍:
* 蘋果用戶界面設計規范: http://developer.apple.com/documentation/UserExperience/Conceptual/OSXHIGuidelines/index.html
* Mac OSX和Windows用戶界面的關鍵差異: http://developer.apple.com/ue/switch/windows.html
* 微軟官方用戶界面設計規范: http://msdn.microsoft.com/library/default.asp?url=/library/enus/dnwue/html/welcome.asp
* GNOME用戶界面設計規范: http://developer.gnome.org/projects/gup/hig
* GUI Bloopers: 軟件開發和Web設計中要做和不要作的事, 作者:Jeff Johnson (Academic Press). ISBN 1-55860-582-7
* 程序員用戶界面設計, 作者: Joel Spolsky (Apress). ISBN 1-893115-94-1
* 軟件可用性: 以可用性為核心進行軟件設計和建模(A Practical Guide to the Models and Methods of Usage-Centered Design), 作者:Larry L. Constantine and Lucy A.D. Lockwood (ACM Press). ISBN 0-201-92478-1
- 第一章 介紹
- 1.1 為什么要使用wxWidgets?
- 1.2 wxWidgets的歷史
- 1.3 wxWidgets社區
- 1.4 wxWidgets和面向對象編程
- 1.5 wxWidgets的體系結構
- 1.6 許可協議
- 第一章小結
- 第二章 開始使用
- 2.1 一個小例子
- 2.2 應用程序類
- 2.3 Frame窗口類
- 2.4 事件處理函數
- 2.5 Frame窗口的構造函數
- 2.6 完整的例子
- 2.7 wxWidgets程序一般執行過程
- 2.8 編譯和運行程序
- 第二章小結
- 第三章 事件處理
- 3.1 事件驅動編程
- 3.2 事件表和事件處理過程
- 3.3 過濾某個事件
- 3.4 掛載事件表
- 3.5 動態事件處理方法
- 3.6 窗口標識符
- 3.7 自定義事件
- 第三章小結
- 第四章 窗口的基礎知識
- 4.1 窗口解析
- 4.2 窗口類概覽
- 4.3 基礎窗口類
- 4.4 頂層窗口
- 4.5 容器窗口
- 4.6 非靜態控件
- 4.7 靜態控件
- 4.8 菜單
- 4.9 控制條
- 第四章小結
- 第五章繪畫和打印
- 5.1 理解設備上下文
- 5.2 繪畫工具
- 5.3 設備上下文中的繪畫函數
- 5.4 使用打印框架
- 5.5 使用wxGLCanvas繪制三維圖形
- 第五章小節
- 第六章處理用戶輸入
- 6.1 鼠標輸入
- 6.2 處理鍵盤事件
- 6.3 處理游戲手柄事件
- 第六章小結
- 第七章使用布局控件進行窗口布局
- 7.1 窗口布局基礎
- 7.2 窗口布局控件
- 7.3 使用布局控件進行編程
- 7.4 更多關于布局的話題
- 第七章小結
- 第八章使用標準對話框
- 8.1信息對話框
- 8.2 文件和目錄對話框
- 8.3 選擇和選項對話框
- 8.4 輸入對話框
- 8.5 打印對話框
- 第八章小結
- 第九章創建定制的對話框
- 9.1 創建定制對話框的步驟
- 9.2 一個例子:PersonalRecordDialog
- 9.3 在小型設備上調整你的對話框
- 9.4 一些更深入的話題
- 9.5 使用wxWidgets資源文件
- 第九章小結
- 第十章使用圖像編程
- 10.1 wxWidgets中圖片相關的類
- 10.2 使用wxBitmap編程
- 10.3 使用wxIcon編程
- 10.4 使用wxCursor編程
- 10.5 使用wxImage編程
- 10.6 圖片列表和圖標集
- 10.7 自定義wxWidgets提供的小圖片
- 第十章小結
- 第十一章剪貼板和拖放操作
- 11.1 數據對象
- 11.2 使用剪貼板
- 11.3 實現拖放操作
- 第十一章小結
- 第十二章高級窗口控件
- 12.1 wxTreeCtrl
- 12.2 wxListCtrl
- 12.3 wxWizard
- 12.4 wxHtmlWindow
- 12.5 wxGrid
- 12.6 wxTaskBarIcon
- 12.7 編寫自定義的控件
- 第十二章小結
- 第十三章數據結構類
- 13.1 為什么沒有使用STL?
- 13.2 字符串類型
- 13.3 wxArray
- 13.4 wxList和wxNode
- 13.5 wxHashMap
- 13.6 存儲和使用日期和時間
- 13.7 其它常用的數據類型
- 第十三章小結
- 第十四章文件和流操作
- 14.1 文件類和函數
- 14.2 流操作相關類
- 第十四章小結
- 第十五章內存管理,調試和錯誤處理
- 15.1 內存管理基礎
- 15.2 檢測內存泄漏和其它錯誤
- 15.3 構建自防御的程序
- 15.4 錯誤報告
- 15.5 提供運行期類型信息
- 15.6 使用wxModule
- 15.7 加載動態鏈接庫
- 15.8 異常處理
- 15.9 調試提示
- 第十五章小結
- 第十六章編寫國際化程序
- 16.1 國際化介紹
- 16.2 從翻譯說起
- 16.3 字符編碼和Unicode
- 16.4 數字和日期
- 16.5 其它媒介
- 16.6 一個小例子
- 第十六章小結
- 第十七章編寫多線程程序
- 17.1 什么時候使用多線程,什么時候不要使用
- 17.2 使用wxThread
- 17.3 用于線程同步的對象
- 17.4 多線程的替代方案
- 第十七章小結
- 第十八章使用wxSocket編程
- 18.1 Socket類和功能概覽
- 18.2 Socket及其基本處理介紹
- 18.3 Socket標記
- 18.4 使用Socket流
- 18.5 替代wxSocket
- 第十八章小結
- 第十九章使用文檔/視圖框架
- 19.1 文檔/視圖基礎
- 19.2 文檔/視圖框架的其它能力
- 19.3 實現Undo/Redo的策略
- 第十九章小結
- 第二十章完善你的應用程序
- 20.1 單個實例和多個實例
- 20.2 更改事件處理機制
- 20.3 降低閃爍
- 20.4 實現聯機幫助
- 20.5 解析命令行參數
- 20.6 存儲應用程序資源
- 20.7 調用別的應用程序
- 20.8 管理應用程序設置
- 20.9 應用程序安裝
- 20.10 遵循用戶界面設計規范
- 20.11 全書小結