圖形用戶界面設計
一、設計原則和一般步驟
二、圖形用戶界面設計工具介紹
三、用戶控件的製作
四、用戶菜單的製作
五、回調函數
六、M函數文件實現圖形用戶界面
一、設計原則和一般步驟
1、分析界面所要實現的主要功能，明確設計任務
2、繪製界面草圖，注意從使用者的角度來考慮界面佈局
3、利用GUI設計工具製作靜態界面
4、編寫動態功能程序
注意：
1）先完成大致界面佈局，再編寫功能程序
2）界面風格要一致，且符合使用習慣
二、GUI設計工具介紹
1、打開GUI設計工作臺的命令：
guide %打開設計工作臺啓動界面
guide file %在工作臺中打開文件名爲file的用戶界面
菜單項：file：New->GUI %打開設計工作臺啓動界面
注意：guide命令中文件名不區分大小寫
2、打開的GUI啓動界面提供新建界面（create new GUI）或打開已有界面文件（Open existing GUI）的屬性頁。
新建頁面包括：
（1）空白界面
（2）包含有控件的模板界面
（3）包含有軸對象和菜單的模板界面
（4）標準詢問窗口
選擇任意一項都會打開GUI設計工作臺，對界面靜態組成部分進行的具體的修改都在工作臺實現。
在這裏插入圖片描述
三、用戶控件的製作
用戶控制列表：
用戶空間列表功能介紹：
以輸入圖像爲例設計草圖：
1、初步佈局
根據草圖將控件選擇區的相應控件拖拉到設計工作區的相應位置。
2、修改控件屬性
每一個控件都不可能是完全符合界面設計要求的，需要對其屬性進行設置，以獲得所需的界面顯示效果。
可以通過雙擊該控件，或利用右鍵-GUI設計工具的下拉菜單屬性檢查器打開控件屬性對話框。
下面對***各控件的主要屬性***進行一下說明：
1）雙擊設計工作區的空白部分，打開整個圖形框的屬性框：
Units或FontUnits可選擇：
（1）inches 英寸
（2）centimeters 釐米
（3）normalized 按比例縮放
（4）points 點陣
（5）pixels 像素
（6）characters 字符
如果選擇normalized，那麼當resize設爲on時，控件或字體大小隨着整個窗口的縮放而改變
水平對齊方式HorizontalAlignment：
left
center
right
控件句柄Tag：
tag具有默認值，建議修改爲帶有具體含義的字符串，以增加程序可讀性和方便回調函數調用。
可編輯文本框的屬性設置：
string：0 %初始狀態下顯示數字0
tag：pExp %可編輯文本框的句柄
3、精細調整
利用對齊工具，排列控件的位置，使控件的大小、位置更爲協調。
4、界面激活
保存靜態界面後，利用工具欄上的運行（在matlab主界面）按鈕激活該界面。激活後可以看到兩個同名文件夾：tu1.fig（保存的界面）和tu1.m（生成的代碼）
四、回調函數
打開tu1.m文件，可以看到自動生成的回調函數，該函數的命名利用對象句柄進行區分，沒有任何的執行語句。
回調函數：Tag_Callback(hObject, eventdata, handles)
通過加入自己的處理語句，可以實現所需的功能。
其中：
hObjects：是該控件的句柄
evendata：是備用參數，目前沒有定義
handles：是用戶數據，本身是一個結構數組，存放了當前窗口的所有對象的句柄，包括圖像窗本身、所有控件和菜單的句柄。並且可以增加一些域用來傳遞用戶數據。
guidata(H,handles)：可以更新H的用戶數據