第11章++MATLAB圖形用戶界面設(shè)計(jì)

1、第第11章章 MATLAB圖形用戶界面設(shè)計(jì)圖形用戶界面設(shè)計(jì)11.1 菜單設(shè)計(jì)菜單設(shè)計(jì)11.2 對(duì)話框設(shè)計(jì)對(duì)話框設(shè)計(jì)11.3 圖形用戶界面設(shè)計(jì)工具圖形用戶界面設(shè)計(jì)工具11.1 菜單設(shè)計(jì)菜單設(shè)計(jì)11.1.1 建立用戶菜單建立用戶菜單要建立用戶菜單可用要建立用戶菜單可用uimenu函數(shù)，因其調(diào)用方法不同，函數(shù)，因其調(diào)用方法不同，該函數(shù)可以用于建立一級(jí)菜單項(xiàng)和子菜單項(xiàng)。該函數(shù)可以用于建立一級(jí)菜單項(xiàng)和子菜單項(xiàng)。 建立一級(jí)菜單項(xiàng)的函數(shù)調(diào)用格式為：建立一級(jí)菜單項(xiàng)的函數(shù)調(diào)用格式為： 一級(jí)菜單項(xiàng)句柄一級(jí)菜單項(xiàng)句柄=uimenu(圖形窗口句柄，屬性名圖形窗口句柄，屬性名1，屬，屬性值性值1，屬性名，屬性名2，屬性

2、值，屬性值2，) 建立子菜單項(xiàng)的函數(shù)調(diào)用格式為：建立子菜單項(xiàng)的函數(shù)調(diào)用格式為： 子菜單項(xiàng)句柄子菜單項(xiàng)句柄=uimenu(一級(jí)菜單項(xiàng)句柄，屬性名一級(jí)菜單項(xiàng)句柄，屬性名1，屬，屬性值性值1，屬性名，屬性名2，屬性值，屬性值2，)11.1.2 菜單對(duì)象常用屬性菜單對(duì)象常用屬性 菜單對(duì)象具有菜單對(duì)象具有Children、Parent、Tag、Type、UserData、Visible等公共屬性，除公共屬性外，還有一些等公共屬性，除公共屬性外，還有一些常用的特殊屬性。常用的特殊屬性。例例11-1 建立圖建立圖11-1所示的圖形演示系統(tǒng)菜單。菜單條中含所示的圖形演示系統(tǒng)菜單。菜單條中含有有3個(gè)菜單項(xiàng)：個(gè)菜

3、單項(xiàng)：Plot、Option和和Quit。Plot中有中有Sine Wave和和Cosine Wave兩個(gè)子菜單項(xiàng)，分別控制在本圖形窗口畫兩個(gè)子菜單項(xiàng)，分別控制在本圖形窗口畫出正弦和余弦曲線。出正弦和余弦曲線。Option菜單項(xiàng)的內(nèi)容如圖菜單項(xiàng)的內(nèi)容如圖11-1所示，所示，其中其中Grid on和和Grid off控制給坐標(biāo)軸加網(wǎng)格線，控制給坐標(biāo)軸加網(wǎng)格線，Box on和和Box off控制給坐標(biāo)軸加邊框，而且這控制給坐標(biāo)軸加邊框，而且這4項(xiàng)只有在畫有曲線項(xiàng)只有在畫有曲線時(shí)才是可選的。時(shí)才是可選的。Window Color控制圖形窗口背景顏色?？刂茍D形窗口背景顏色。Quit控制是否退出系統(tǒng)?？?/p>

4、制是否退出系統(tǒng)。 11.1.3 快捷菜單快捷菜單快捷菜單是用鼠標(biāo)右鍵單擊某對(duì)象時(shí)在屏幕上彈出的菜單?？旖莶藛问怯檬髽?biāo)右鍵單擊某對(duì)象時(shí)在屏幕上彈出的菜單。這種菜單出現(xiàn)的位置是不固定的，而且總是和某個(gè)圖形對(duì)這種菜單出現(xiàn)的位置是不固定的，而且總是和某個(gè)圖形對(duì)象相聯(lián)系。在象相聯(lián)系。在MATLAB中，可以使用中，可以使用uicontextmenu函數(shù)函數(shù)和圖形對(duì)象的和圖形對(duì)象的UIContextMenu屬性來建立快捷菜單，具體屬性來建立快捷菜單，具體步驟為：步驟為：(1) 利用利用uicontextmenu函數(shù)建立快捷菜單。函數(shù)建立快捷菜單。(2) 利用利用uimenu函數(shù)為快捷菜單建立菜單項(xiàng)。函數(shù)為快

5、捷菜單建立菜單項(xiàng)。(3) 利用利用set函數(shù)將該快捷菜單和某圖形對(duì)象聯(lián)系起來。函數(shù)將該快捷菜單和某圖形對(duì)象聯(lián)系起來。例例11-2 繪制曲線繪制曲線y=2sin(5x)sinx，并建立一個(gè)與之相聯(lián)系，并建立一個(gè)與之相聯(lián)系的快捷菜單，用以控制曲線的線型和曲線寬度。的快捷菜單，用以控制曲線的線型和曲線寬度。 11.2 對(duì)話框設(shè)計(jì)對(duì)話框設(shè)計(jì)11.2.1 對(duì)話框的控件對(duì)話框的控件在對(duì)話框上有各種各樣的控件，利用這些控件可以實(shí)現(xiàn)有在對(duì)話框上有各種各樣的控件，利用這些控件可以實(shí)現(xiàn)有關(guān)控制。下面先介紹這些控件。關(guān)控制。下面先介紹這些控件。 (1) 按鈕按鈕(Push Button)。 (2) 雙位按鈕雙位按鈕

6、(Toggle Button)。 (3) 單選按鈕單選按鈕(Radio Button)。 (4) 復(fù)選框復(fù)選框(Check Box)。 (5) 列表框列表框(List Box)。 (6) 彈出框彈出框(Popup Menu)。 (7) 編輯框編輯框(Edit Box)。 (8) 滑動(dòng)條滑動(dòng)條(Slider)。 (9) 靜態(tài)文本靜態(tài)文本(Static Text)。 (10) 邊框邊框(Frame)。11.2.2 對(duì)話框的設(shè)計(jì)對(duì)話框的設(shè)計(jì)1建立控件對(duì)象建立控件對(duì)象 MATLAB提供了用于建立控件對(duì)象的函數(shù)提供了用于建立控件對(duì)象的函數(shù)uicontrol，其，其調(diào)用格式為：調(diào)用格式為： 對(duì)象句柄對(duì)象句

7、柄=uicontrol(圖形窗口句柄，屬性名圖形窗口句柄，屬性名1，屬性值，屬性值1，屬性名屬性名2，屬性值，屬性值2，)其中各個(gè)屬性名及可取的值和前面介紹的其中各個(gè)屬性名及可取的值和前面介紹的uimenu函數(shù)相函數(shù)相似，但也不盡相同，下面將介紹一些常用的屬性。似，但也不盡相同，下面將介紹一些常用的屬性。2控件對(duì)象的屬性控件對(duì)象的屬性 MATLAB的的10種控件對(duì)象使用相同的屬性類型，但是種控件對(duì)象使用相同的屬性類型，但是這些屬性對(duì)于不同類型的控件對(duì)象，其含義不盡相同。除這些屬性對(duì)于不同類型的控件對(duì)象，其含義不盡相同。除Children、Parent、Tag、Type、UserData、Vis

8、ible等公等公共屬性外，還有一些常用的特殊屬性。共屬性外，還有一些常用的特殊屬性。例例11-3 建立如圖建立如圖11-10所示的數(shù)制轉(zhuǎn)換對(duì)話框。在左邊輸入所示的數(shù)制轉(zhuǎn)換對(duì)話框。在左邊輸入一個(gè)十進(jìn)制整數(shù)和一個(gè)十進(jìn)制整數(shù)和216之間的數(shù)，單擊之間的數(shù)，單擊“轉(zhuǎn)換轉(zhuǎn)換”按鈕能按鈕能在右邊得到十進(jìn)制數(shù)所對(duì)應(yīng)的在右邊得到十進(jìn)制數(shù)所對(duì)應(yīng)的216進(jìn)制字符串，單擊進(jìn)制字符串，單擊“退出退出”按鈕退出對(duì)話框。按鈕退出對(duì)話框。例例11-4 建立如圖建立如圖11-11所示的圖形演示對(duì)話框。在編輯框輸所示的圖形演示對(duì)話框。在編輯框輸入繪圖命令，當(dāng)單擊入繪圖命令，當(dāng)單擊“繪圖繪圖”按鈕時(shí)，能在左邊坐標(biāo)軸繪按鈕時(shí)，能在

9、左邊坐標(biāo)軸繪制所對(duì)應(yīng)的圖形，彈出框提供色圖控制，列表框提供坐標(biāo)制所對(duì)應(yīng)的圖形，彈出框提供色圖控制，列表框提供坐標(biāo)網(wǎng)格線和坐標(biāo)邊框控制。網(wǎng)格線和坐標(biāo)邊框控制。 11.3 圖形用戶界面設(shè)計(jì)工具圖形用戶界面設(shè)計(jì)工具M(jìn)ATLAB的用戶界面設(shè)計(jì)工具共有的用戶界面設(shè)計(jì)工具共有6個(gè)，它們是：個(gè)，它們是：(1) 圖形用戶界面設(shè)計(jì)窗口：在窗口內(nèi)創(chuàng)建、安排各種圖圖形用戶界面設(shè)計(jì)窗口：在窗口內(nèi)創(chuàng)建、安排各種圖形對(duì)象。形對(duì)象。(2) 菜單編輯器菜單編輯器(Menu Editor)：創(chuàng)建、設(shè)計(jì)、修改下拉式：創(chuàng)建、設(shè)計(jì)、修改下拉式菜單和快捷菜單。菜單和快捷菜單。(3) 對(duì)象屬性查看器對(duì)象屬性查看器(Property In

10、spector)：可查看每個(gè)對(duì)象：可查看每個(gè)對(duì)象的屬性值，也可修改設(shè)置對(duì)象的屬性值。的屬性值，也可修改設(shè)置對(duì)象的屬性值。(4) 位置調(diào)整工具位置調(diào)整工具(Alignment Tool)：可利用該工具左右、：可利用該工具左右、上下對(duì)多個(gè)對(duì)象的位置進(jìn)行調(diào)整。上下對(duì)多個(gè)對(duì)象的位置進(jìn)行調(diào)整。(5) 對(duì)象瀏覽器對(duì)象瀏覽器(Object Browser)：可觀察當(dāng)前設(shè)計(jì)階段的：可觀察當(dāng)前設(shè)計(jì)階段的各個(gè)句柄圖形對(duì)象。各個(gè)句柄圖形對(duì)象。(6) Tab順序編輯器順序編輯器(Tab Order Editor)：通過該工具，設(shè)：通過該工具，設(shè)置當(dāng)用戶按下鍵盤上的置當(dāng)用戶按下鍵盤上的Tab鍵時(shí)，對(duì)象被選中的先后順序。

11、鍵時(shí)，對(duì)象被選中的先后順序。11.3.1 圖形用戶界面設(shè)計(jì)窗口圖形用戶界面設(shè)計(jì)窗口1GUI設(shè)計(jì)模板設(shè)計(jì)模板在在MATLAB主窗口中，選擇主窗口中，選擇File菜單中的菜單中的New菜單項(xiàng)，再菜單項(xiàng)，再選擇其中的選擇其中的GUI命令，就會(huì)顯示圖形用戶界面的設(shè)計(jì)模板。命令，就會(huì)顯示圖形用戶界面的設(shè)計(jì)模板。MATLAB為為GUI設(shè)計(jì)一共準(zhǔn)備了設(shè)計(jì)一共準(zhǔn)備了4種模板，分別是種模板，分別是Blank GUI(默認(rèn)默認(rèn)) 、GUI with Uicontrols(帶控件對(duì)象的帶控件對(duì)象的GUI模模板板) 、GUI with Axes and Menu(帶坐標(biāo)軸與菜單的帶坐標(biāo)軸與菜單的GUI模模板板)與與M

12、odal Question Dialog(帶模式問話對(duì)話框的帶模式問話對(duì)話框的GUI模模板板)。當(dāng)用戶選擇不同的模板時(shí)，在當(dāng)用戶選擇不同的模板時(shí)，在GUI設(shè)計(jì)模板界面的右邊就設(shè)計(jì)模板界面的右邊就會(huì)顯示出與該模板對(duì)應(yīng)的會(huì)顯示出與該模板對(duì)應(yīng)的GUI圖形。圖形。2GUI設(shè)計(jì)窗口設(shè)計(jì)窗口在在GUI設(shè)計(jì)模板中選中一個(gè)模板，然后單擊設(shè)計(jì)模板中選中一個(gè)模板，然后單擊OK按鈕，就按鈕，就會(huì)顯示會(huì)顯示GUI設(shè)計(jì)窗口。選擇不同的設(shè)計(jì)窗口。選擇不同的GUI設(shè)計(jì)模式時(shí)，在設(shè)計(jì)模式時(shí)，在GUI設(shè)計(jì)窗口中顯示的結(jié)果是不一樣的。設(shè)計(jì)窗口中顯示的結(jié)果是不一樣的。GUI設(shè)計(jì)窗口由菜單欄、工具欄、控件工具欄以及圖形對(duì)設(shè)計(jì)窗口由菜

13、單欄、工具欄、控件工具欄以及圖形對(duì)象設(shè)計(jì)區(qū)等部分組成。象設(shè)計(jì)區(qū)等部分組成。GUI設(shè)計(jì)窗口的菜單欄有設(shè)計(jì)窗口的菜單欄有File、Edit、View、Layout、Tools和和Help 6個(gè)菜單項(xiàng)，使用其中個(gè)菜單項(xiàng)，使用其中的命令可以完成圖形用戶界面的設(shè)計(jì)操作。的命令可以完成圖形用戶界面的設(shè)計(jì)操作。3GUI設(shè)計(jì)窗口的基本操作設(shè)計(jì)窗口的基本操作在在GUI設(shè)計(jì)窗口創(chuàng)建圖形對(duì)象后，通過雙擊該對(duì)象，就會(huì)設(shè)計(jì)窗口創(chuàng)建圖形對(duì)象后，通過雙擊該對(duì)象，就會(huì)顯示該對(duì)象的屬性編輯器。例如，創(chuàng)建一個(gè)顯示該對(duì)象的屬性編輯器。例如，創(chuàng)建一個(gè)Push Button對(duì)象，并設(shè)計(jì)該對(duì)象的屬性值。對(duì)象，并設(shè)計(jì)該對(duì)象的屬性值。11.

14、3.2 對(duì)象屬性查看器對(duì)象屬性查看器利用對(duì)象屬性查看器，可以查看每個(gè)對(duì)象的屬性值，也可利用對(duì)象屬性查看器，可以查看每個(gè)對(duì)象的屬性值，也可以修改、設(shè)置對(duì)象的屬性值，從以修改、設(shè)置對(duì)象的屬性值，從GUI設(shè)計(jì)窗口工具欄上選設(shè)計(jì)窗口工具欄上選擇擇Property Inspector命令按鈕，或者選擇命令按鈕，或者選擇View菜單下的菜單下的Property Inspector子菜單，就可以打開對(duì)象屬性查看器。子菜單，就可以打開對(duì)象屬性查看器。另外，在另外，在MATLAB命令窗口的命令行上輸入命令窗口的命令行上輸入inspect，也，也可以看到對(duì)象屬性查看器。可以看到對(duì)象屬性查看器。在選中某個(gè)對(duì)象后，可

15、以通過對(duì)象屬性查看器，查看該對(duì)在選中某個(gè)對(duì)象后，可以通過對(duì)象屬性查看器，查看該對(duì)象的屬性值，也可以方便地修改對(duì)象屬性的屬性值。象的屬性值，也可以方便地修改對(duì)象屬性的屬性值。11.3.3 菜單編輯器菜單編輯器利用菜單編輯器，可以創(chuàng)建、設(shè)置、修改下拉式菜單和快捷菜單。從利用菜單編輯器，可以創(chuàng)建、設(shè)置、修改下拉式菜單和快捷菜單。從GUI設(shè)計(jì)窗口的工具欄上選擇設(shè)計(jì)窗口的工具欄上選擇Menu Editor命令按鈕，或者選擇命令按鈕，或者選擇Tools菜單下的菜單下的Menu Editor子菜單，就可以打開菜單編輯器。子菜單，就可以打開菜單編輯器。菜單編輯器左上角的第一個(gè)按鈕用于創(chuàng)建一級(jí)菜單項(xiàng)。第二個(gè)按鈕

16、用菜單編輯器左上角的第一個(gè)按鈕用于創(chuàng)建一級(jí)菜單項(xiàng)。第二個(gè)按鈕用于創(chuàng)建一級(jí)菜單的子菜單。于創(chuàng)建一級(jí)菜單的子菜單。菜單編輯器的左下角有兩個(gè)按鈕，選擇第一個(gè)按鈕，可以創(chuàng)建下拉式菜單編輯器的左下角有兩個(gè)按鈕，選擇第一個(gè)按鈕，可以創(chuàng)建下拉式菜單。選擇第二個(gè)按鈕，可以創(chuàng)建菜單。選擇第二個(gè)按鈕，可以創(chuàng)建Context Menu菜單。選擇它后，菜菜單。選擇它后，菜單編輯器左上角的第三個(gè)按鈕就會(huì)變成可用，單擊它就可以創(chuàng)建單編輯器左上角的第三個(gè)按鈕就會(huì)變成可用，單擊它就可以創(chuàng)建Context Menu主菜單。在選中已經(jīng)創(chuàng)建的主菜單。在選中已經(jīng)創(chuàng)建的Context Menu主菜單后，主菜單后，可以單擊第二個(gè)按鈕創(chuàng)建

17、選中的可以單擊第二個(gè)按鈕創(chuàng)建選中的Context Menu主菜單的子菜單。與下主菜單的子菜單。與下拉式菜單一樣，選中創(chuàng)建的某個(gè)拉式菜單一樣，選中創(chuàng)建的某個(gè)Context Menu菜單，菜單編輯器的右菜單，菜單編輯器的右邊就會(huì)顯示該菜單的有關(guān)屬性，可以在這里設(shè)置、修改菜單的屬性。邊就會(huì)顯示該菜單的有關(guān)屬性，可以在這里設(shè)置、修改菜單的屬性。菜單編輯器左上角的第四個(gè)與第五個(gè)按鈕用于對(duì)選中的菜單進(jìn)行左移菜單編輯器左上角的第四個(gè)與第五個(gè)按鈕用于對(duì)選中的菜單進(jìn)行左移與右移，第六與第七個(gè)按鈕用于對(duì)選中的菜單進(jìn)行上移與下移，最右與右移，第六與第七個(gè)按鈕用于對(duì)選中的菜單進(jìn)行上移與下移，最右邊的按鈕用于刪除選中的

18、菜單。邊的按鈕用于刪除選中的菜單。11.3.4 位置調(diào)整工具位置調(diào)整工具利用位置調(diào)整工具，可以對(duì)利用位置調(diào)整工具，可以對(duì)GUI對(duì)象設(shè)計(jì)區(qū)內(nèi)的多個(gè)對(duì)象對(duì)象設(shè)計(jì)區(qū)內(nèi)的多個(gè)對(duì)象的位置進(jìn)行調(diào)整。從的位置進(jìn)行調(diào)整。從GUI設(shè)計(jì)窗口的工具欄上選擇設(shè)計(jì)窗口的工具欄上選擇Align Objects命令按鈕，或者選擇命令按鈕，或者選擇Tools菜單下的菜單下的Align Objects菜單項(xiàng)，就可以打開對(duì)象位置調(diào)整器。菜單項(xiàng)，就可以打開對(duì)象位置調(diào)整器。對(duì)象位置調(diào)整器中的第一欄是垂直方向的位置調(diào)整。對(duì)象位置調(diào)整器中的第一欄是垂直方向的位置調(diào)整。對(duì)象位置調(diào)整器中的第二欄是水平方向的位置調(diào)整。對(duì)象位置調(diào)整器中的第二欄

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

20、個(gè)對(duì)象，它們分別是個(gè)對(duì)象，它們分別是Edit Text、Push Button、ListBox對(duì)對(duì)象，此時(shí)單擊象，此時(shí)單擊Object Browser按鈕，可以看到對(duì)象瀏覽器。按鈕，可以看到對(duì)象瀏覽器。在對(duì)象瀏覽器中，可以看到已經(jīng)創(chuàng)建的在對(duì)象瀏覽器中，可以看到已經(jīng)創(chuàng)建的3個(gè)對(duì)象以及圖形個(gè)對(duì)象以及圖形窗口對(duì)象窗口對(duì)象figure。用鼠標(biāo)雙擊圖中的任何一個(gè)對(duì)象，可以。用鼠標(biāo)雙擊圖中的任何一個(gè)對(duì)象，可以進(jìn)入對(duì)象的屬性查看器界面。進(jìn)入對(duì)象的屬性查看器界面。11.3.6 Tab順序編輯器順序編輯器利用利用Tab順序編輯器順序編輯器(Tab Order Editor)，可以設(shè)置用戶按，可以設(shè)置用戶按鍵盤上的鍵盤上的Tab鍵時(shí)，對(duì)象被選中的先后順序。選擇鍵時(shí)，對(duì)象被選中的先