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

1、第第8章章 MATLAB圖形用戶界面設(shè)計(jì)圖形用戶界面設(shè)計(jì)8.1 菜單設(shè)計(jì)菜單設(shè)計(jì)8.2 對話框設(shè)計(jì)對話框設(shè)計(jì)8.3 可視化圖形用戶界面設(shè)計(jì)可視化圖形用戶界面設(shè)計(jì)8.1 菜單設(shè)計(jì)菜單設(shè)計(jì) MATLAB用戶菜單是圖形窗口的子對象，所以菜單設(shè)計(jì)用戶菜單是圖形窗口的子對象，所以菜單設(shè)計(jì)總是在圖形窗口中進(jìn)行?？偸窃趫D形窗口中進(jìn)行。MATLAB的圖形窗口有自己的的圖形窗口有自己的菜單欄，用菜單欄，用MenuBar屬性設(shè)置。屬性設(shè)置。8.1.1 建立用戶菜單建立用戶菜單要建立用戶菜單可用要建立用戶菜單可用uimenu函數(shù)，因其調(diào)用方法不同，函數(shù)，因其調(diào)用方法不同，該函數(shù)可以用于建立一級菜單項(xiàng)和子菜單項(xiàng)。該函

2、數(shù)可以用于建立一級菜單項(xiàng)和子菜單項(xiàng)。 建立一級菜單項(xiàng)的函數(shù)調(diào)用格式為：建立一級菜單項(xiàng)的函數(shù)調(diào)用格式為： 一級菜單項(xiàng)句柄一級菜單項(xiàng)句柄=uimenu(圖形窗口句柄，屬性名圖形窗口句柄，屬性名1，屬，屬性值性值1，屬性名，屬性名2，屬性值，屬性值2，) 建立子菜單項(xiàng)的函數(shù)調(diào)用格式為：建立子菜單項(xiàng)的函數(shù)調(diào)用格式為： 子菜單項(xiàng)句柄子菜單項(xiàng)句柄=uimenu(一級菜單項(xiàng)句柄，屬性名一級菜單項(xiàng)句柄，屬性名1，屬，屬性值性值1，屬性名，屬性名2，屬性值，屬性值2，)區(qū)別：建立一級菜單項(xiàng)時(shí)，要給出圖形窗口的句柄值。如區(qū)別：建立一級菜單項(xiàng)時(shí)，要給出圖形窗口的句柄值。如果省略這個(gè)句柄值，果省略這個(gè)句柄值，MATL

3、AB會在當(dāng)前圖形窗口建立這會在當(dāng)前圖形窗口建立這個(gè)菜單項(xiàng)。如果此時(shí)不存在圖形窗口，個(gè)菜單項(xiàng)。如果此時(shí)不存在圖形窗口，MATLAB會自動會自動打開一個(gè)圖形窗口，并將菜單項(xiàng)作為它的菜單對象。打開一個(gè)圖形窗口，并將菜單項(xiàng)作為它的菜單對象。而在建立子菜單項(xiàng)時(shí)，必須要指定一級菜單的句柄值。而在建立子菜單項(xiàng)時(shí)，必須要指定一級菜單的句柄值。8.1.2 菜單對象常用屬性菜單對象常用屬性 菜單對象具有菜單對象具有Children、Parent、Tag、Type、UserData、Visible等公共屬性，除公共屬性外，等公共屬性，除公共屬性外，還有一些常用的特殊屬性。還有一些常用的特殊屬性。1、Label屬性：

4、取值為字符串，用于定義菜單項(xiàng)屬性：取值為字符串，用于定義菜單項(xiàng)的名字。這個(gè)字符串中可以加入的名字。這個(gè)字符串中可以加入&字符。這時(shí)在字符。這時(shí)在菜單項(xiàng)的名字上，跟隨菜單項(xiàng)的名字上，跟隨&字符后的字符會有一條字符后的字符會有一條下劃線，下劃線，&本身不出現(xiàn)在菜單項(xiàng)中。加本身不出現(xiàn)在菜單項(xiàng)中。加&后，可后，可以通過按以通過按Alt鍵鍵+&后的第一個(gè)字符，可以打開此后的第一個(gè)字符，可以打開此菜單。菜單。2、Accelerator屬性：取值可以是任何字母，用于屬性：取值可以是任何字母，用于定義菜單項(xiàng)的快捷菜單。如取字母定義菜單項(xiàng)的快捷菜單。如取字母W，則表示，則

5、表示Ctrl+W為這個(gè)菜單的快捷鍵為這個(gè)菜單的快捷鍵 3、Callback屬性：屬性值為字符串，可以是某屬性：屬性值為字符串，可以是某個(gè)個(gè)M文件的文件名，也可以是一組文件的文件名，也可以是一組Matlab的命令。的命令。在該菜單被選中后，在該菜單被選中后，MATLAB將自動調(diào)用此回調(diào)將自動調(diào)用此回調(diào)函數(shù)。函數(shù)。 4、Checked屬性：取值為屬性：取值為On或或Off，定義一個(gè)指，定義一個(gè)指示標(biāo)記，可以用這個(gè)標(biāo)記指明菜單項(xiàng)是否選中示標(biāo)記，可以用這個(gè)標(biāo)記指明菜單項(xiàng)是否選中 5、Enable屬性：取值為屬性：取值為On或或Off，控制菜單是，控制菜單是否可用否可用 6、Position屬性：定義一

6、級菜單在菜單條上的相屬性：定義一級菜單在菜單條上的相對位置或子菜單項(xiàng)在菜單組內(nèi)的相對位置對位置或子菜單項(xiàng)在菜單組內(nèi)的相對位置 7、Separator屬性：取值為屬性：取值為On或或Off,當(dāng)為當(dāng)為On時(shí)時(shí)會在該菜單項(xiàng)上方添加一條分割線，可用分割線會在該菜單項(xiàng)上方添加一條分割線，可用分割線將各菜單項(xiàng)按功能分開將各菜單項(xiàng)按功能分開 例例8.1 建立圖建立圖8.1所示的圖形演示系統(tǒng)菜單。所示的圖形演示系統(tǒng)菜單。菜單條中含有菜單條中含有3個(gè)菜單項(xiàng)：個(gè)菜單項(xiàng)：Plot、Option和和Quit。Plot中有中有Sine Wave和和Cosine Wave兩兩個(gè)子菜單項(xiàng)，分別控制在本圖形窗口畫出個(gè)子菜單項(xiàng)

7、，分別控制在本圖形窗口畫出正弦和余弦曲線。正弦和余弦曲線。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控制圖形窗控制圖形窗口背景顏色?？诒尘邦伾uit控制是否退出系統(tǒng)。控制是否退出系統(tǒng)。 8.1.3 快捷菜單快捷菜單快捷菜單是用鼠標(biāo)右鍵單擊某對象時(shí)在屏幕上彈出的菜單?？旖莶藛问怯檬髽?biāo)右鍵單擊某對象時(shí)在屏幕上彈出的菜單。這

8、種菜單出現(xiàn)的位置是不固定的，而且總是和某個(gè)圖形對這種菜單出現(xiàn)的位置是不固定的，而且總是和某個(gè)圖形對象相聯(lián)系。在象相聯(lián)系。在MATLAB中，可以使用中，可以使用uicontextmenu函數(shù)函數(shù)和圖形對象的和圖形對象的UIContextMenu屬性來建立快捷菜單，具體屬性來建立快捷菜單，具體步驟為：步驟為：(1) 利用利用uicontextmenu函數(shù)建立快捷菜單。函數(shù)建立快捷菜單。(2) 利用利用uimenu函數(shù)為快捷菜單建立菜單項(xiàng)。函數(shù)為快捷菜單建立菜單項(xiàng)。(3) 利用利用set函數(shù)將該快捷菜單和某圖形對象聯(lián)系起來。函數(shù)將該快捷菜單和某圖形對象聯(lián)系起來。例例8.2 繪制曲線，并建立一個(gè)與之相

9、聯(lián)系的快捷菜單，用繪制曲線，并建立一個(gè)與之相聯(lián)系的快捷菜單，用以控制曲線的線型和曲線寬度。以控制曲線的線型和曲線寬度。 8.2 對話框設(shè)計(jì)對話框設(shè)計(jì)8.2.1 對話框的控件對話框的控件在對話框上有各種各樣的控件，利用這些控件可以實(shí)現(xiàn)有在對話框上有各種各樣的控件，利用這些控件可以實(shí)現(xiàn)有關(guān)控制。下面先介紹這些控件。關(guān)控制。下面先介紹這些控件。 (1) 按鈕按鈕(Push Button)。 (2) 雙位按鈕雙位按鈕(Toggle Button)。 (3) 單選按鈕單選按鈕(Radio Button)。 (4) 復(fù)選框復(fù)選框(Check Box)。 (5) 列表框列表框(List Box)。 (6)

10、彈出框彈出框(Popup Menu)。 (7) 編輯框編輯框(Edit Box)。 (8) 滑動條滑動條(Slider)。 (9) 靜態(tài)文本靜態(tài)文本(Static Text)。 (10) 邊框邊框(Frame)。8.2.2 對話框的設(shè)計(jì)對話框的設(shè)計(jì)1建立控件對象建立控件對象 MATLAB提供了用于建立控件對象的函數(shù)提供了用于建立控件對象的函數(shù)uicontrol，其，其調(diào)用格式為：調(diào)用格式為： 對象句柄對象句柄=uicontrol(圖形窗口句柄，屬性名圖形窗口句柄，屬性名1，屬性值，屬性值1，屬性名屬性名2，屬性值，屬性值2，)其中各個(gè)屬性名及可取的值和前面介紹的其中各個(gè)屬性名及可取的值和前面介

11、紹的uimenu函數(shù)相函數(shù)相似，但也不盡相同，下面將介紹一些常用的屬性。似，但也不盡相同，下面將介紹一些常用的屬性。2控件對象的屬性控件對象的屬性 MATLAB的的10種控件對象使用相同的屬性類型，但是種控件對象使用相同的屬性類型，但是這些屬性對于不同類型的控件對象，其含義不盡相同。除這些屬性對于不同類型的控件對象，其含義不盡相同。除Children、Parent、Tag、Type、UserData、Visible等公等公共屬性外，還有一些常用的特殊屬性。如共屬性外，還有一些常用的特殊屬性。如PositionCallbackStyleBackgroundColorForegroundColor

12、Max、MinVisible 等等例例8.3 建立如圖建立如圖8.10所示的數(shù)制轉(zhuǎn)換對話框。在左邊輸入一所示的數(shù)制轉(zhuǎn)換對話框。在左邊輸入一個(gè)十進(jìn)制整數(shù)和個(gè)十進(jìn)制整數(shù)和216之間的數(shù)，單擊之間的數(shù)，單擊“轉(zhuǎn)換轉(zhuǎn)換”按鈕能在按鈕能在右邊得到十進(jìn)制數(shù)所對應(yīng)的右邊得到十進(jìn)制數(shù)所對應(yīng)的216進(jìn)制字符串，單擊進(jìn)制字符串，單擊“退退出出”按鈕退出對話框。按鈕退出對話框。例例8.4 建立如圖建立如圖8.11所示的圖形演示對話框。在編輯框輸入所示的圖形演示對話框。在編輯框輸入繪圖命令，當(dāng)單擊繪圖命令，當(dāng)單擊“繪圖繪圖”按鈕時(shí)，能在左邊坐標(biāo)軸繪制按鈕時(shí)，能在左邊坐標(biāo)軸繪制所對應(yīng)的圖形，彈出框提供色圖控制，列表框提

13、供坐標(biāo)網(wǎng)所對應(yīng)的圖形，彈出框提供色圖控制，列表框提供坐標(biāo)網(wǎng)格線和坐標(biāo)邊框控制。格線和坐標(biāo)邊框控制。建立控件對象實(shí)例建立控件對象實(shí)例8.3 可視化圖形用戶界面設(shè)計(jì)可視化圖形用戶界面設(shè)計(jì)8.3.1 圖形用戶界面設(shè)計(jì)窗口圖形用戶界面設(shè)計(jì)窗口1GUI設(shè)計(jì)模板設(shè)計(jì)模板在在MATLAB主窗口中，選擇主窗口中，選擇File菜單中的菜單中的New菜單項(xiàng)，再菜單項(xiàng)，再選擇其中的選擇其中的GUI命令，就會顯示圖形用戶界面的設(shè)計(jì)模板。命令，就會顯示圖形用戶界面的設(shè)計(jì)模板。MATLAB為為GUI設(shè)計(jì)一共準(zhǔn)備了設(shè)計(jì)一共準(zhǔn)備了4種模板，分別是種模板，分別是Blank GUI(默認(rèn)默認(rèn)) 、GUI with Uicontr

14、ols(帶控件對象的帶控件對象的GUI模模板板) 、GUI with Axes and Menu(帶坐標(biāo)軸與菜單的帶坐標(biāo)軸與菜單的GUI模模板板)與與Modal Question Dialog(帶模式問話對話框的帶模式問話對話框的GUI模模板板)。當(dāng)用戶選擇不同的模板時(shí)，在當(dāng)用戶選擇不同的模板時(shí)，在GUI設(shè)計(jì)模板界面的右邊就設(shè)計(jì)模板界面的右邊就會顯示出與該模板對應(yīng)的會顯示出與該模板對應(yīng)的GUI圖形。圖形。 2GUI設(shè)計(jì)窗口設(shè)計(jì)窗口在在GUI設(shè)計(jì)模板中選中一個(gè)模板，然后單擊設(shè)計(jì)模板中選中一個(gè)模板，然后單擊OK按鈕，就按鈕，就會顯示會顯示GUI設(shè)計(jì)窗口。選擇不同的設(shè)計(jì)窗口。選擇不同的GUI設(shè)計(jì)模式

15、時(shí)，在設(shè)計(jì)模式時(shí)，在GUI設(shè)計(jì)窗口中顯示的結(jié)果是不一樣的。設(shè)計(jì)窗口中顯示的結(jié)果是不一樣的。GUI設(shè)計(jì)窗口由菜單欄、工具欄、控件工具欄以及圖形對設(shè)計(jì)窗口由菜單欄、工具欄、控件工具欄以及圖形對象設(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ì)操作。 在在GUI設(shè)計(jì)窗口的工具欄上，有設(shè)計(jì)窗口的工具欄上，有Align Objects(位位置調(diào)整器置調(diào)整器)、Menu Editor(菜單編輯器菜單編輯器)、T

16、ab Order Editor (Tab順序編輯器順序編輯器)、M-file Editor(M文件編輯器文件編輯器)、Property Inspector(屬性查看器屬性查看器)、Object Browser(對象瀏覽器對象瀏覽器)和和Run等等15個(gè)命令按個(gè)命令按鈕，通過它們可以方便地調(diào)用需要使用的鈕，通過它們可以方便地調(diào)用需要使用的GUI設(shè)設(shè)計(jì)工具和實(shí)現(xiàn)有關(guān)操作。計(jì)工具和實(shí)現(xiàn)有關(guān)操作。 在在GUI設(shè)計(jì)窗口左邊的是控件工具欄，包括設(shè)計(jì)窗口左邊的是控件工具欄，包括Push Button、Slider、Radio Button、Check Box、Edit Text、Static Text、Po

17、pup Menu、Listbox、Toggle Button、Axes等控件對象，它們是構(gòu)成等控件對象，它們是構(gòu)成GUI的基本元素。的基本元素。 3GUI設(shè)計(jì)窗口的基本操作設(shè)計(jì)窗口的基本操作為了添加控件，可以從為了添加控件，可以從GUI設(shè)計(jì)窗口的控件工具欄中選擇設(shè)計(jì)窗口的控件工具欄中選擇一個(gè)對象，然后以拖曳方式在對象設(shè)計(jì)區(qū)建立該對象，其一個(gè)對象，然后以拖曳方式在對象設(shè)計(jì)區(qū)建立該對象，其對象創(chuàng)建方式方便、簡單。在對象創(chuàng)建方式方便、簡單。在GUI設(shè)計(jì)窗口創(chuàng)建對象后，設(shè)計(jì)窗口創(chuàng)建對象后，通過雙擊該對象，就會顯示該對象的屬性查看器，通過它通過雙擊該對象，就會顯示該對象的屬性查看器，通過它可以設(shè)置該對象

18、的屬性值。可以設(shè)置該對象的屬性值。 在選中對象的前提下，單擊鼠標(biāo)右鍵，會彈出一個(gè)快捷菜在選中對象的前提下，單擊鼠標(biāo)右鍵，會彈出一個(gè)快捷菜單，可以從中選擇某個(gè)子菜單進(jìn)行相應(yīng)的操作。在對象設(shè)單，可以從中選擇某個(gè)子菜單進(jìn)行相應(yīng)的操作。在對象設(shè)計(jì)區(qū)右擊鼠標(biāo)，會顯示與圖形窗口有關(guān)的快捷菜單。計(jì)區(qū)右擊鼠標(biāo)，會顯示與圖形窗口有關(guān)的快捷菜單。8.3.2 可視化設(shè)計(jì)工具可視化設(shè)計(jì)工具M(jìn)ATLAB的用戶界面設(shè)計(jì)工具共有的用戶界面設(shè)計(jì)工具共有5個(gè)，它們是：個(gè)，它們是：(1)對象屬性查看器對象屬性查看器(Property Inspector)：可查看每個(gè)對象的：可查看每個(gè)對象的屬性值，也可修改設(shè)置對象的屬性值。屬性值，也可修改設(shè)置對象的屬性值。(2)菜單編輯器菜單編輯器(Menu Editor)：創(chuàng)建、設(shè)計(jì)、修改下拉式菜：創(chuàng)建、設(shè)計(jì)、修改下拉式菜單和快捷菜單。單和快捷菜單。(3)位置調(diào)整工具位置調(diào)整工具(Alignment Tool)：可利用該工具左右、上：可利用該工具左右、上下對多個(gè)對象的位置進(jìn)行調(diào)整。下對多個(gè)對象的位置進(jìn)行調(diào)整。(4)對象瀏覽器對象瀏覽器(Object Browser)：可觀察當(dāng)前設(shè)計(jì)階段的各：可觀察當(dāng)前設(shè)計(jì)階段的各個(gè)句柄圖形對象。個(gè)句柄圖形對象。(5)Tab順序編輯器順序編輯器(Tab Order Editor)：通過該工具，設(shè)置當(dāng)：通過該工具，設(shè)置當(dāng)按下