《圖形用戶界面》.ppt

《《圖形用戶界面》.ppt》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、七、圖形用戶界面（GUI）圖形用戶界面的設(shè)計(jì)原則和一般步驟圖形用戶界面設(shè)計(jì)圖形用戶界面設(shè)計(jì)工具應(yīng)用M函數(shù)文件實(shí)現(xiàn)圖形用戶界面17.1圖形用戶界面的設(shè)計(jì)原則和一般步驟圖形用戶界面就是通過(guò)窗口、選單、按鈕、文字說(shuō)明等對(duì)象構(gòu)成一個(gè)美觀的界面，提供用戶利用鼠標(biāo)或鍵盤方便地實(shí)現(xiàn)操作。MATLAB設(shè)計(jì)圖形用戶界面的方法有兩種：使用可視化的界面環(huán)境（圖形用戶界面設(shè)計(jì)工具）和通過(guò)編寫程序。7.1.1設(shè)計(jì)原則1.簡(jiǎn)單性設(shè)計(jì)界面時(shí)，應(yīng)力求簡(jiǎn)捷、直觀、清晰地體現(xiàn)出界面的功能和特征。窗口數(shù)目盡量少，力避不同窗口間來(lái)回切換；多采用圖

2、形，少用數(shù)值；不要出現(xiàn)可有可無(wú)的功能。2.一致性兩層含義：一指自己設(shè)計(jì)的界面風(fēng)格要盡量一致；二指新設(shè)計(jì)的界面要與其他已有的界面風(fēng)格要一致。一般習(xí)慣圖形區(qū)在界面左側(cè)，控制區(qū)在右側(cè)。3.習(xí)常性設(shè)計(jì)界面時(shí)，應(yīng)盡量使用人們所熟悉的標(biāo)志和符號(hào)，便于用戶使用。4.其他考慮因素除了以上靜態(tài)性能之外，還應(yīng)注意界面的動(dòng)態(tài)性能：界面對(duì)用戶操作的響應(yīng)要迅速、連續(xù)；對(duì)持續(xù)時(shí)間較長(zhǎng)的運(yùn)算要給出等待時(shí)間提示，并允許用戶中斷運(yùn)算。27.1.2一般制作步驟界面制作包括界面設(shè)計(jì)和程序?qū)崿F(xiàn)。分析界面所要實(shí)現(xiàn)的主要功能，明確設(shè)計(jì)任務(wù)；繪界面草圖

3、，注意從使用者的角度來(lái)考慮界面布局；按構(gòu)思的草圖，上機(jī)制作靜態(tài)界面；編寫界面動(dòng)態(tài)功能程序。7.2圖形用戶界面設(shè)計(jì)MATLAB6.5版本提供的GUI設(shè)計(jì)工具較前面的版本有較大的改善，設(shè)計(jì)界面變化很大。打開GUI設(shè)計(jì)工具的方法有以下幾種：(1)選擇菜單“File”——“New”——“GUI”命令；(2)在指令窗口輸入以下命令：guide打開空白設(shè)計(jì)工作臺(tái)guideFN在工作臺(tái)中打開文件名為FN的用戶界面注意：在guide指令作用下，待打開的文件名不分字母的大小寫。打開的GUI啟動(dòng)界面提供新建界面（CreateN

4、ewGUI）和打開已有界面文件（OpenExistingGUI）的屬性頁(yè)。新建界面可以選擇空白界面、包含有控件的模板界面、包含有軸對(duì)象和菜單的模板界面、標(biāo)準(zhǔn)詢問(wèn)窗口等選項(xiàng)。選擇任意一項(xiàng)都會(huì)打開GUI設(shè)計(jì)工作臺(tái)，對(duì)界面靜態(tài)組成部分進(jìn)行的具體的修改工作都是在工作臺(tái)實(shí)現(xiàn)的。7.2.1可視化的界面環(huán)境3如在指令窗鍵入：guide，則可得到如下GUI設(shè)計(jì)工具的啟動(dòng)界面空白界面有控件的模板界面有軸對(duì)象和菜單的模板界面標(biāo)準(zhǔn)詢問(wèn)窗口若激活打開已有界面文件（OpenExistingGUI）的屬性頁(yè)，則可通過(guò)打開文件瀏覽器（B

5、rowse）選定需打開文件并打開，主窗口則顯示最近打開的界面文件的列表。最近打開的界面文件列表打開文件瀏覽器4如在新建界面中選擇“BlankGUI(Default)”，然后單擊“OK”按鈕，就會(huì)出現(xiàn)如下的GUI設(shè)計(jì)工作臺(tái)：GUI設(shè)計(jì)工作臺(tái)有4個(gè)功能區(qū)：菜單條、編輯工具條、控件模板區(qū)、設(shè)計(jì)工作區(qū)。在工具欄主要提供了六個(gè)工具：對(duì)象對(duì)齊工具、菜單編輯器、文件編輯器、屬性編輯器、界面激活工具和對(duì)象瀏覽器，單擊這六個(gè)按鈕就會(huì)出現(xiàn)相應(yīng)的窗口。菜單條編輯工具條控件模板區(qū)設(shè)計(jì)工作區(qū)對(duì)象對(duì)齊工具菜單編輯器屬性編輯器對(duì)象瀏覽器

6、文件編輯器運(yùn)行界面工作區(qū)縮放句柄57.2.2創(chuàng)建用戶菜單在GUI設(shè)計(jì)工作臺(tái)的菜單條選擇“Tool”－”MenuEditor…”或單擊工具欄“MenuEditor”按鈕，就會(huì)出現(xiàn)菜單編輯器窗口。新建菜單新建子菜單菜單左、右移菜單上、下移刪除菜單填寫菜單名，如果在前面加“&”符號(hào)則加快捷鍵，當(dāng)運(yùn)行時(shí)第一個(gè)字母會(huì)加下劃線，以便用戶快速激活菜單項(xiàng)標(biāo)記分隔符初值是否已選輸入回調(diào)函數(shù)2.通過(guò)uimenu命令創(chuàng)建菜單h_menu=uimenu(h_parent,’PropertyName’,ProperValue,…)>

7、>h_menu=uimenu(h_fig,’lable’,’paint’)%創(chuàng)建菜單paint1.菜單編輯器67.2.3控件的使用1.常用控件控件名PropertyName功能按鈕PushButton最常用的控件，用于響應(yīng)用戶的鼠標(biāo)單擊，按鈕上有說(shuō)明文字說(shuō)明其作用。切換按鈕ToggleButton當(dāng)單擊時(shí)會(huì)凹凸?fàn)顟B(tài)切換。單選按鈕RadioButton當(dāng)單擊時(shí)會(huì)用黑白點(diǎn)切換，總是成組出現(xiàn)，多個(gè)單選按鈕互斥，一組中只有一個(gè)被選中。復(fù)選框CheckBox當(dāng)單擊時(shí)會(huì)用√切換，有選中、不選中和不確定等狀態(tài)，總是成組出

8、現(xiàn)，多個(gè)復(fù)選框可同時(shí)選用。文本框EditText凹形方框，可隨意輸入和編輯單行和多行文字，并顯示出來(lái)。靜態(tài)文本框StaticText用于顯示文字信息，但不接受輸入。滾動(dòng)條Slider可以用圖示的方式顯示在一個(gè)范圍內(nèi)數(shù)值的大概值范圍，用戶可以移動(dòng)滾動(dòng)條改變數(shù)值。框架Frame將一組控件圍在框架中，用于裝飾界面。列表框ListBox顯示下拉文字列表，用戶可以從列表中選擇一項(xiàng)和多項(xiàng)。彈出式菜單PopupMenu相當(dāng)于文