第8章 MATLAB圖形用戶界面設(shè)計.ppt

1、MATLAB程序設(shè)計與應(yīng)用,作者：周冬梅 郵箱：,蘭州交通大學(xué)電子與信息工程學(xué)院,第8章 MATLAB圖形用戶界面設(shè)計,8.1 菜單設(shè)計 8.2 對話框設(shè)計 8.3 可視化圖形用戶界面設(shè)計,8.1 菜單設(shè)計,8.1.1 建立用戶菜單要建立用戶菜單可用uimenu函數(shù)，因其調(diào)用方法不同，該函數(shù)可以用于建立一級菜單項和子菜單項。 建立一級菜單項的函數(shù)調(diào)用格式為： 一級菜單項句柄=uimenu(圖形窗口句柄，屬性名1，屬性值1，屬性名2，屬性值2，) 建立子菜單項的函數(shù)調(diào)用格式為： 子菜單項句柄=uimenu(一級菜單項句柄，屬性名1，屬性值1，屬性名2，屬性值2，),8.1.2 菜單對象常用屬性

2、菜單對象具有Children、Parent、Tag、Type、UserData、Visible等公共屬性，除公共屬性外，還有一些常用的特殊屬性。 例11-1 建立圖8-1所示的圖形演示系統(tǒng)菜單。菜單條中含有3個菜單項：Plot、Option和Quit。Plot中有Sine Wave和Cosine Wave兩個子菜單項，分別控制在本圖形窗口畫出正弦和余弦曲線。Option菜單項的內(nèi)容如圖11-1所示，其中Grid on和Grid off控制給坐標(biāo)軸加網(wǎng)格線，Box on和Box off控制給坐標(biāo)軸加邊框，而且這4項只有在畫有曲線時才是可選的。Window Color控制圖形窗口背景顏色。Quit

3、控制是否退出系統(tǒng)。,8.1.3 快捷菜單快捷菜單是用鼠標(biāo)右鍵單擊某對象時在屏幕上彈出的菜單。這種菜單出現(xiàn)的位置是不固定的，而且總是和某個圖形對象相聯(lián)系。在MATLAB中，可以使用uicontextmenu函數(shù)和圖形對象的UIContextMenu屬性來建立快捷菜單，具體步驟為：(1) 利用uicontextmenu函數(shù)建立快捷菜單。(2) 利用uimenu函數(shù)為快捷菜單建立菜單項。(3) 利用set函數(shù)將該快捷菜單和某圖形對象聯(lián)系起來。 例11-2 繪制曲線y=2sin(5x)sinx，并建立一個與之相聯(lián)系的快捷菜單，用以控制曲線的線型和曲線寬度。,8.2.1 對話框的控件在對話框上有各種各樣

4、的控件，利用這些控件可以實現(xiàn)有關(guān)控制。下面先介紹這些控件。 (1) 按鈕(Push Button)。 (2) 雙位按鈕(Toggle Button)。 (3) 單選按鈕(Radio Button)。 (4) 復(fù)選框(Check Box)。 (5) 列表框(List Box)。 (6) 彈出框(Popup Menu)。 (7) 編輯框(Edit Box)。 (8) 滑動條(Slider)。 (9) 靜態(tài)文本(Static Text)。 (10) 邊框(Frame)。,8.2 對話框設(shè)計,8.2.2 對話框的設(shè)計,1建立控件對象 MATLAB提供了用于建立控件對象的函數(shù)uicontrol，其調(diào)用格

5、式為： 對象句柄=uicontrol(圖形窗口句柄，屬性名1，屬性值1，屬性名2，屬性值2，)其中各個屬性名及可取的值和前面介紹的uimenu函數(shù)相似，但也不盡相同，下面將介紹一些常用的屬性。,8.2.2 對話框的設(shè)計,2控件對象的屬性 MATLAB的10種控件對象使用相同的屬性類型，但是這些屬性對于不同類型的控件對象，其含義不盡相同。除Children、Parent、Tag、Type、UserData、Visible等公共屬性外，還有一些常用的特殊屬性。,8.2.2 對話框的設(shè)計,例11-3 建立如圖8.10所示的的數(shù)制轉(zhuǎn)換對話框。在左邊輸入一個十進(jìn)制整數(shù)和216之間的進(jìn)制數(shù)，單擊“轉(zhuǎn)換”按

6、鈕能在右邊得到十進(jìn)制數(shù)所對應(yīng)的216進(jìn)制字符串，單擊“退出”按鈕退出對話框。 例11-4 建立如圖8.11所示的圖形演示對話框。在編輯框輸入繪圖命令，當(dāng)單擊“繪圖”按鈕時，能在左邊坐標(biāo)軸繪制所對應(yīng)的圖形，彈出框提供色圖控制，列表框提供坐標(biāo)網(wǎng)格線和坐標(biāo)邊框控制。,8.3 圖形用戶界面設(shè)計工具,MATLAB的用戶界面設(shè)計工具共有6個，它們是：(1) 圖形用戶界面設(shè)計窗口：在窗口內(nèi)創(chuàng)建、安排各種圖形對象。(2) 菜單編輯器(Menu Editor)：創(chuàng)建、設(shè)計、修改下拉式菜單和快捷菜單。(3) 對象屬性查看器(Property Inspector)：可查看每個對象的屬性值，也可修改設(shè)置對象的屬性值。

7、(4) 位置調(diào)整工具(Alignment Tool)：可利用該工具左右、上下對多個對象的位置進(jìn)行調(diào)整。(5) 對象瀏覽器(Object Browser)：可觀察當(dāng)前設(shè)計階段的各個句柄圖形對象。(6) Tab順序編輯器(Tab Order Editor)：通過該工具，設(shè)置當(dāng)用戶按下鍵盤上的Tab鍵時，對象被選中的先后順序。,8.3.1 圖形用戶界面設(shè)計窗口,1GUI設(shè)計模板在MATLAB主窗口中，選擇File菜單中的New菜單項，再選擇其中的GUI命令，就會顯示圖形用戶界面的設(shè)計模板。MATLAB為GUI設(shè)計一共準(zhǔn)備了4種模板，分別是Blank GUI(默認(rèn)) 、GUI with Uicontr

8、ols(帶控件對象的GUI模板) 、GUI with Axes and Menu(帶坐標(biāo)軸與菜單的GUI模板)與Modal Question Dialog(帶模式問話對話框的GUI模板)。當(dāng)用戶選擇不同的模板時，在GUI設(shè)計模板界面的右邊就會顯示出與該模板對應(yīng)的GUI圖形。,8.3.1 圖形用戶界面設(shè)計窗口,2GUI設(shè)計窗口在GUI設(shè)計模板中選中一個模板，然后單擊OK按鈕，就會顯示GUI設(shè)計窗口。選擇不同的GUI設(shè)計模式時，在GUI設(shè)計窗口中顯示的結(jié)果是不一樣的。GUI設(shè)計窗口由菜單欄、工具欄、控件工具欄以及圖形對象設(shè)計區(qū)等部分組成。GUI設(shè)計窗口的菜單欄有File、Edit、View、Lay

9、out、Tools和Help 6個菜單項，使用其中的命令可以完成圖形用戶界面的設(shè)計操作。,8.3.1 圖形用戶界面設(shè)計窗口,3GUI設(shè)計窗口的基本操作在GUI設(shè)計窗口創(chuàng)建圖形對象后，通過雙擊該對象，就會顯示該對象的屬性編輯器。例如，創(chuàng)建一個Push Button對象，并設(shè)計該對象的屬性值。,8.3.2 可視化設(shè)計工具,1、 對象屬性查看器利用對象屬性查看器，可以查看每個對象的屬性值，也可以修改、設(shè)置對象的屬性值，從GUI設(shè)計窗口工具欄上選擇Property Inspector命令按鈕，或者選擇View菜單下的Property Inspector子菜單，就可以打開對象屬性查看器。另外，在MATL

10、AB命令窗口的命令行上輸入inspect，也可以看到對象屬性查看器。在選中某個對象后，可以通過對象屬性查看器，查看該對象的屬性值，也可以方便地修改對象屬性的屬性值。,2、 菜單編輯器利用菜單編輯器，可以創(chuàng)建、設(shè)置、修改下拉式菜單和快捷菜單。從GUI設(shè)計窗口的工具欄上選擇Menu Editor命令按鈕，或者選擇Tools菜單下的Menu Editor子菜單，就可以打開菜單編輯器。菜單編輯器左上角的第一個按鈕用于創(chuàng)建一級菜單項。第二個按鈕用于創(chuàng)建一級菜單的子菜單。菜單編輯器的左下角有兩個按鈕，選擇第一個按鈕，可以創(chuàng)建下拉式菜單。選擇第二個按鈕，可以創(chuàng)建Context Menu菜單。選擇它后，菜單編

11、輯器左上角的第三個按鈕就會變成可用，單擊它就可以創(chuàng)建Context Menu主菜單。在選中已經(jīng)創(chuàng)建的Context Menu主菜單后，可以單擊第二個按鈕創(chuàng)建選中的Context Menu主菜單的子菜單。與下拉式菜單一樣，選中創(chuàng)建的某個Context Menu菜單，菜單編輯器的右邊就會顯示該菜單的有關(guān)屬性，可以在這里設(shè)置、修改菜單的屬性。菜單編輯器左上角的第四個與第五個按鈕用于對選中的菜單進(jìn)行左移與右移，第六與第七個按鈕用于對選中的菜單進(jìn)行上移與下移，最右邊的按鈕用于刪除選中的菜單。,8.3.2 可視化設(shè)計工具,3、 位置調(diào)整工具利用位置調(diào)整工具，可以對GUI對象設(shè)計區(qū)內(nèi)的多個對象的位置進(jìn)行調(diào)整

12、。從GUI設(shè)計窗口的工具欄上選擇Align Objects命令按鈕，或者選擇Tools菜單下的Align Objects菜單項，就可以打開對象位置調(diào)整器。對象位置調(diào)整器中的第一欄是垂直方向的位置調(diào)整。對象位置調(diào)整器中的第二欄是水平方向的位置調(diào)整。在選中多個對象后，可以方便的通過對象位置調(diào)整器調(diào)整對象間的對齊方式和距離。,8.3.2 可視化設(shè)計工具,4、 對象瀏覽器利用對象瀏覽器，可以查看當(dāng)前設(shè)計階段的各個句柄圖形對象。從GUI設(shè)計窗口的工具欄上選擇Object Browser命令按鈕，或者選擇View菜單下的Object Browser子菜單，就可以打開對象瀏覽器。例如，在對象設(shè)計區(qū)內(nèi)創(chuàng)建了3

13、個對象，它們分別是Edit Text、Push Button、ListBox對象，此時單擊Object Browser按鈕，可以看到對象瀏覽器。在對象瀏覽器中，可以看到已經(jīng)創(chuàng)建的3個對象以及圖形窗口對象figure。用鼠標(biāo)雙擊圖中的任何一個對象，可以進(jìn)入對象的屬性查看器界面。,8.3.2 可視化設(shè)計工具,5、 Tab順序編輯器利用Tab順序編輯器(Tab Order Editor)，可以設(shè)置用戶按鍵盤上的Tab鍵時，對象被選中的先后順序。選擇Tools菜單下的Tab Order Editor菜單項，就可以打開Tab順序編輯器。例如，若在GUI設(shè)計窗口中創(chuàng)建了3個對象，與它們相對應(yīng)的Tab順序編輯器。,8.3.3 可視化設(shè)計應(yīng)用實例,例11-5 利用GUI設(shè)計工具設(shè)計圖8.18所示的用戶界面。該界面包括一個用于顯示圖形的軸對象，顯示的圖形包括表面圖、網(wǎng)格圖或等高線圖。繪制圖形的功能通過3個命令按鈕來實現(xiàn)，用戶通過單擊相應(yīng)的