《Matlab App Designer設(shè)計(jì)入門(mén)及實(shí)戰(zhàn)》課件 第6章 儀器、容器、圖窗工具和航天航空組件

第6章儀器、容器、圖窗工具和航天航空組件本章要點(diǎn)

本章主要介紹儀器組件、容器組件、圖窗工具組件和航天航空組件的創(chuàng)建及添加回調(diào)函數(shù)與自定義組件鼠標(biāo)鍵盤(pán)交互。本章要點(diǎn)：⑴儀器組件。⑵容器組件。⑶圖窗工具組件。⑷航天航空組件。學(xué)習(xí)目標(biāo)：⑴掌握儀器組件，包括信號(hào)燈、儀表、旋鈕和開(kāi)關(guān)燈組件的創(chuàng)建及回調(diào)函數(shù)的添加；⑵掌握容器組件，包括選項(xiàng)卡組、面板和網(wǎng)格布局的創(chuàng)建及回調(diào)函數(shù)的添加；⑶掌握?qǐng)D窗工具組件，包括上下文菜單、菜單欄和工具欄的創(chuàng)建及回調(diào)函數(shù)的添加；⑷掌握航天航空組件的創(chuàng)建及回調(diào)函數(shù)的添加。6.1儀器組件6.1.1信號(hào)燈【例6-1】信號(hào)燈循環(huán)從紅色到綠色到藍(lán)色變化。第一步：設(shè)置布局及屬性。添加1個(gè)信號(hào)燈和1個(gè)標(biāo)簽。第二步：在組件瀏覽器，右擊e6_1，選擇【回調(diào)】，選擇【添加StartupFcn回調(diào)】，如圖6-1所示，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：fori=1:5app.Lamp.Color=[1,0,0];

app.Label.Text='紅燈亮';

pause(2)

app.Lamp.Color=[0,1,0];

app.Label.Text='綠燈亮';

pause(2)

app.Lamp.Color=[0,0,1];

app.Label.Text='藍(lán)燈亮';

pause(2)end6.1儀器組件6.1.1信號(hào)燈運(yùn)行界面，信號(hào)燈循環(huán)從紅色到綠色到藍(lán)色變化，如圖6-2所示。圖6-1添加回調(diào)

圖6-2信息燈循環(huán)點(diǎn)亮6.1儀器組件6.1.1信號(hào)燈【例6-2】通過(guò)滑塊滑動(dòng)調(diào)節(jié)信號(hào)燈的亮度。第一步：設(shè)置布局及屬性。添加1個(gè)滑塊和1個(gè)信號(hào)燈。第二步：右擊滑塊，選擇【回調(diào)】，選擇【添加SliderValueChanged回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：value=app.Slider.Value;value=value*0.2;app.Lamp.Color=[0,value,0];運(yùn)行界面，從左到右滑動(dòng)滑塊，信號(hào)燈逐漸變亮，如圖6-3所示。

圖6-3信號(hào)燈亮度調(diào)節(jié)界面6.1儀器組件6.1.2儀表、線(xiàn)性?xún)x表、90度儀表和半圓形儀表【例6-3】通過(guò)儀表組件顯示編輯字段輸入的數(shù)值，當(dāng)數(shù)值大于120時(shí)，信號(hào)燈被點(diǎn)亮。第一步：設(shè)置布局及屬性。添加1個(gè)儀表、1個(gè)信號(hào)燈、1個(gè)編輯字段（數(shù)值）組件。儀表組件的屬性設(shè)置如圖6-4所示。圖6-4儀表組件屬性設(shè)置6.1儀器組件6.1.2儀表、線(xiàn)性?xún)x表、90度儀表和半圓形儀表第二步：右擊編輯字段（數(shù)值），選擇【回調(diào)】，選擇【添加EditFieldValueChanged回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：value=app.EditField.Value;app.kmhGauge.Value=value;ifvalue>120

app.Lamp.Color=[1,0,0];end運(yùn)行界面，當(dāng)輸入速度小于120km/h時(shí)，如圖6-5所示，當(dāng)速度大于120km/h時(shí)，如圖6-6所示。

圖6-5速度小于120km/h圖6-6速度大于120km/h6.1儀器組件6.1.2儀表、線(xiàn)性?xún)x表、90度儀表和半圓形儀表【例6-4】利用滑塊、儀表、線(xiàn)性?xún)x表、90度儀表和半圓形儀表組件顯示攝氏度、開(kāi)氏度、列氏度、華氏度和蘭氏度，當(dāng)溫度超過(guò)90攝氏度，彈出對(duì)話(huà)框提示溫度多高。第一步：設(shè)置布局及屬性。添加1個(gè)滑塊、1個(gè)儀表、1個(gè)線(xiàn)性?xún)x表、1個(gè)90度儀表和1個(gè)半圓形儀表組件。第二步：右擊滑塊，選擇【回調(diào)】，選擇【添加SliderValueChanging回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：changingValue=event.Value;app.Gauge.Value=changingValue+273.15;app.Gauge_3.Value=32+1.8*changingValue;app.Gauge_4.Value=1.25*changingValue;app.Gauge_5.Value=((changingValue+273.15)*5)/9;ifchangingValue>90msgbox('溫度過(guò)高！','警告');end6.1儀器組件6.1.2儀表、線(xiàn)性?xún)x表、90度儀表和半圓形儀表運(yùn)行界面，滑動(dòng)滑塊的攝氏度溫度，其他儀表組件也發(fā)生變化，如圖6-7所示，當(dāng)攝氏度溫度超過(guò)90攝氏度，則彈出對(duì)話(huà)框，如圖6-8所示。

圖6-7溫度單位換算界面

圖6-8警告對(duì)話(huà)框6.1儀器組件6.1.3旋鈕和分檔旋鈕【例6-5】利用分擋旋鈕控制信號(hào)燈的顏色。第一步：設(shè)置布局及屬性。添加1個(gè)分檔旋鈕、1個(gè)信號(hào)燈組件。分檔按鈕的Items屬性設(shè)置為：Off,Red,Green,Blue。第二步：右擊分檔旋鈕，選擇【回調(diào)】，選擇【添加KnobValueChanged回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：value=app.Knob.Value;switchvaluecase'Red'app.Lamp.Color=[1,0,0];case'Green'app.Lamp.Color=[0,1,0];case'Blue'app.Lamp.Color=[0,0,1];case'Off'app.Lamp.Color=[0.5,0.5,0.5];end6.1儀器組件6.1.3旋鈕和分檔旋鈕運(yùn)行界面，調(diào)節(jié)分擋旋鈕位置，信號(hào)燈顏色發(fā)生改變，如圖6-9所示。

圖6-9分擋旋鈕6.1儀器組件6.1.3旋鈕和分檔旋鈕【例6-6】利用分擋旋鈕的三個(gè)擋位，確定旋鈕的取值范圍，進(jìn)而旋轉(zhuǎn)旋鈕確定具體數(shù)值。最終將數(shù)值顯示在文本區(qū)域，分為實(shí)時(shí)顯示方式和旋停顯示方式。第一步：設(shè)置布局及屬性。添加1個(gè)分檔旋鈕、1個(gè)信號(hào)燈組件。分檔按鈕的Items屬性設(shè)置為：Off,Red,Green,Blue。第二步：右擊分檔旋鈕，選擇【回調(diào)】，選擇【添加Knob_2ValueChanged回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：value=app.Knob_2.Value;switchvaluecase'Low'app.Knob.Limits=[0,50];case'Medium'app.Knob.Limits=[50,100];case'High'app.Knob.Limits=[100,150];end6.1儀器組件6.1.3旋鈕和分檔旋鈕右擊旋鈕，選擇【回調(diào)】，選擇【添加KnobValueChanged回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：value=app.Knob.Value;app.TextArea_2.Value={'您選擇的檔位是：',app.Knob_2.Value,['您選擇的具體數(shù)值'...'是：'],num2str(app.Knob.Value)};右擊旋鈕，選擇【回調(diào)】，選擇【添加KnobValueChanging回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：changingValue=event.Value;app.TextArea.Value={'您選擇的檔位是：',app.Knob_2.Value,['您選擇的具體數(shù)值'...'是：'],num2str(changingValue)};6.1儀器組件6.1.3旋鈕和分檔旋鈕運(yùn)行界面，分擋旋鈕選擇“High”，右側(cè)旋鈕數(shù)值范圍變?yōu)椋?00到150，旋轉(zhuǎn)旋鈕指針數(shù)值將實(shí)時(shí)變化，右側(cè)旋鈕旋停后顯示數(shù)值，運(yùn)行結(jié)果如圖6-10所示。圖6-10分檔旋鈕和旋鈕運(yùn)行界面6.1儀器組件6.1.4開(kāi)關(guān)、撥動(dòng)開(kāi)關(guān)和蹺板開(kāi)關(guān)【例6-7】通過(guò)切換開(kāi)關(guān)、撥動(dòng)開(kāi)關(guān)和蹺板開(kāi)關(guān)組件的開(kāi)與關(guān)，控制信號(hào)燈的亮與滅。第一步：設(shè)置布局及屬性。添加1個(gè)開(kāi)關(guān)、1個(gè)撥動(dòng)開(kāi)關(guān)、1個(gè)蹺板開(kāi)關(guān)和3個(gè)信號(hào)燈。第二步：右擊開(kāi)關(guān)，選擇【回調(diào)】，選擇【添加Switch2_2ValueChanged回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：value=app.Switch2_2.Value;ifstrcmp(value,'On')app.Lamp_4.Color=[1.00,0.41,0.16];elseapp.Lamp_4.Color=[0.5,0.5,0.5];end6.1儀器組件6.1.4開(kāi)關(guān)、撥動(dòng)開(kāi)關(guān)和蹺板開(kāi)關(guān)右擊撥動(dòng)開(kāi)關(guān)，選擇【回調(diào)】，選擇【添加Switch_2ValueChanged回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：value=app.Switch_2.Value;ifstrcmp(value,'On')app.Lamp_5.Color=[1.00,1.00,0.00];elseapp.Lamp_5.Color=[0.5,0.5,0.5];end右擊蹺板開(kāi)關(guān)，選擇【回調(diào)】，選擇【添加Switch3_2ValueChanged回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：value=app.Switch3_2.Value;ifstrcmp(value,'On')

app.Lamp_6.Color=[0.00,1.00,1.00];else

app.Lamp_6.Color=[0.5,0.5,0.5];end6.1儀器組件6.1.4開(kāi)關(guān)、撥動(dòng)開(kāi)關(guān)和蹺板開(kāi)關(guān)運(yùn)行界面，切換開(kāi)關(guān)、撥動(dòng)開(kāi)關(guān)和蹺板開(kāi)關(guān)組件為開(kāi)狀態(tài)，運(yùn)行結(jié)果界面如圖6-11所示。圖6-11開(kāi)關(guān)、撥動(dòng)開(kāi)關(guān)和蹺板開(kāi)關(guān)組件界面6.2容器組件6.2.1選項(xiàng)卡組

【例6-8】利用選項(xiàng)卡組設(shè)計(jì)基本信息統(tǒng)計(jì)表，分為基本信息和獎(jiǎng)勵(lì)信息兩頁(yè)。第一步：設(shè)置布局及屬性。添加1個(gè)選項(xiàng)卡組，在選項(xiàng)卡組第1頁(yè)添加：3個(gè)編輯字段（文本）、2個(gè)下拉框、1個(gè)日期選擇器和1個(gè)圖像組件。在選項(xiàng)卡組第2頁(yè)添加：1個(gè)表和2個(gè)按鈕。頁(yè)面布局如圖6-12所示。

圖6-12選項(xiàng)卡組界面布局6.2容器組件6.2.1選項(xiàng)卡組第二步：右擊圖像，選擇【回調(diào)】，選擇【添加ImageClicked回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：[file,path]=uigetfile('*.jpg')ifisequal(file,0)

disp('UserselectedCancel');else

disp(['Userselected',

fullfile(path,file)]);

app.Image.ImageSource=fullfile(path,file);end6.2容器組件6.2.1選項(xiàng)卡組選項(xiàng)卡組第2頁(yè)，用戶(hù)可以通過(guò)【增加】和【刪除】按鈕，編輯表中的內(nèi)容。運(yùn)行界面，單擊圖像組件，在本地選擇圖片添加，運(yùn)行結(jié)果如圖6-13所示。通過(guò)【增加】和【刪除】按鈕編輯表的內(nèi)容，編輯效果如圖6-14所示。

圖6-13選項(xiàng)卡組第1頁(yè)

圖6-14選項(xiàng)卡組和第2頁(yè)6.2容器組件6.2.2面板【例6-9】創(chuàng)建1個(gè)面板組件，用于填寫(xiě)人員基本信息。將用戶(hù)填寫(xiě)在編輯字段的信息添加到表中。第一步：設(shè)置布局及屬性。添加1個(gè)面板，在面板組件上方添加1個(gè)表、1個(gè)編輯字段（文本）、1個(gè)編輯字段（數(shù)值）和1個(gè)按鈕。第二步：點(diǎn)擊【屬性】，選擇【私有屬性】。界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：properties(Access=private)tend右擊按鈕組件，選擇【回調(diào)】，選擇【添加AddButtonPushedFcn回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：name=app.NameEditField.Value;age=app.AgeEditField.Value;nr={nameage};app.UITable.Data=[app.t;nr];%將編輯字段內(nèi)容添加到表組件app.t=app.UITable.Data;6.2容器組件6.2.2面板運(yùn)行界面，如圖6-15所示。通過(guò)在編輯框輸入數(shù)據(jù)，并單擊【Add】按鈕，添加數(shù)據(jù)到表組件，如圖6-16所示。

圖6-15面板組件運(yùn)行界面

圖6-16添加基本信息界面6.2容器組件6.2.3網(wǎng)格布局單擊運(yùn)行MATLABAppDesigner界面，當(dāng)調(diào)整界面大小時(shí)，界面中組件的尺寸并沒(méi)有隨之發(fā)生變化，這時(shí)可以通過(guò)網(wǎng)格布局組件解決這種問(wèn)題，該組件可滿(mǎn)足界面放大縮小與組件放大縮小同步?！纠?-10】設(shè)計(jì)繪制三角函數(shù)圖形界面，并添加網(wǎng)格布局組件。第一步：設(shè)置布局及屬性。添加1個(gè)下拉框、1個(gè)編輯字段（數(shù)值）、1個(gè)滑塊、1個(gè)按鈕和1個(gè)坐標(biāo)區(qū)，布局界面如圖6-17所示。添加網(wǎng)格布局組件，界面如圖6-18所示。圖6-17界面布局圖6-18添加網(wǎng)格布局組件6.2容器組件6.2.3網(wǎng)格布局此時(shí)，可編輯網(wǎng)格大小和組件位置，根據(jù)情況增加或刪除網(wǎng)格，選擇界面左上角【配置網(wǎng)格布局】圖標(biāo)，進(jìn)入編輯模式，選擇第3列，加權(quán)設(shè)置為0，如圖6-19所示，即可刪除第3列?？赏ㄟ^(guò)設(shè)置固定像素大小，如圖6-20所示，進(jìn)而改變網(wǎng)格大小，同時(shí)調(diào)整網(wǎng)格內(nèi)組件的尺寸。單擊左上角關(guān)閉按鈕，推出編輯模式。

圖6-19刪除網(wǎng)格某列圖6-20調(diào)整網(wǎng)格某列寬度6.2容器組件6.2.3網(wǎng)格布局此時(shí)，系統(tǒng)自動(dòng)調(diào)整了布局，布局效果如圖6-21所示。

圖6-21網(wǎng)格布局效果6.2容器組件6.2.3網(wǎng)格布局第二步：右擊【繪圖】按鈕組件，選擇【回調(diào)】，選擇【添加ButtonPushedFcn回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：value=app.DropDown.Value;A=app.EditField.Value;w=app.Slider.Value;switchvalue

case'sin(x)'

x=0:0.1:5*pi;

y=A*sin(w*x);

plot(x,y,app.UIAxes);

case'cos(x)'

x=0:0.1:5*pi;

y=A*cos(w*x);

plot(app.UIAxes,x,y);end6.2容器組件6.2.3網(wǎng)格布局運(yùn)行程序，運(yùn)行效果如圖6-22所示。

圖6-22程序運(yùn)行效果放大界面，各組件將根據(jù)畫(huà)布進(jìn)行縮放，其中坐標(biāo)區(qū)是固定像素，故作圖像左右寬度不變，如圖6-23所示。圖6-23運(yùn)行界面縮放效果6.3圖窗工具組件6.3.1上下文菜單【例6-11】繪制曲線(xiàn)

，并建立一個(gè)與之相聯(lián)系的上下文菜單，用于控制曲線(xiàn)的線(xiàn)寬和顏色。第一步：設(shè)置布局及屬性。添加1個(gè)坐標(biāo)區(qū)，并拖動(dòng)上下文菜單組件到坐標(biāo)區(qū)，如圖6-24所示的虛線(xiàn)矩形框內(nèi)部，松開(kāi)鼠標(biāo)，即可看到上下文菜單已添加到界面，如圖6-25所示。

圖6-24拖動(dòng)上下文菜單組件到界面

圖6-25添加上下文菜單組件6.3圖窗工具組件6.3.1上下文菜單

雙擊Menu和Menu2進(jìn)入上下文菜單編輯狀態(tài)，如圖6-26所示，Menu右側(cè)的加號(hào)用于添加Menu的子菜單，Menu2下方的加號(hào)用于添加同級(jí)菜單。將Menu的Text屬性改為“顏色”，子菜單為“紅色”和“藍(lán)色”。將Menu2的Text屬性改為“線(xiàn)寬”，子菜單為“細(xì)”、“適中”和“寬”。

圖6-26上下文菜單編輯狀態(tài)6.3圖窗工具組件6.3.1上下文菜單

第二步：添加私有屬性及回調(diào)在【編輯器】菜單欄選擇【屬性】，選擇【私有屬性】，在光標(biāo)定位處，輸入程序命令如下：properties(Access=private)

hpend

在組件瀏覽器，右擊e6_11，選擇【回調(diào)】，選擇【添加StartupFcn回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：x=0:0.1:6*pi;y=x.*cos(2*x);app.hp=plot(app.UIAxes,x,y);6.3圖窗工具組件6.3.1上下文菜單

分別右擊上下文子菜單中的“紅色”、“藍(lán)色”、“細(xì)”、“適中”和“寬”子菜單，選擇【回調(diào)】，選擇【添加MenuSelected回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，分別輸入程序命令，如圖6-27所示。圖6-27添加回調(diào)界面6.3圖窗工具組件6.3.1上下文菜單運(yùn)行程序，在坐標(biāo)區(qū)組件區(qū)域，右擊，選擇線(xiàn)寬為“寬”，再選擇顏色為“紅色”，如圖6-28所示。運(yùn)行結(jié)果如圖6-29所示。

圖6-28上下文菜單運(yùn)行效果界面

圖6-29運(yùn)行結(jié)果界面6.3圖窗工具組件6.3.1上下文菜單【例6-12】建立一個(gè)上下文菜單，用于控制保存和打開(kāi)圖像。第一步：設(shè)置布局及屬性。添加1個(gè)坐標(biāo)區(qū)，并拖動(dòng)上下文菜單組件到UIFigure，設(shè)置保存和打開(kāi)菜單。第二步：右擊【打開(kāi)】菜單，選擇【回調(diào)】，選擇【添加MenuSelected回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：[file,path]=uigetfile('*.jpg')ifisequal(file,0)

disp('UserselectedCancel');else

disp(['Userselected',

fullfile(path,file)]);

img=imread(fullfile(path,file));%讀取圖像

imshow(img,'Parent',app.UIAxes)%將圖像顯示在指定坐標(biāo)軸end6.3圖窗工具組件6.3.1上下文菜單右擊【保存】菜單，選擇【回調(diào)】，選擇【添加Menu_2Selected回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：[FileName,PathName]=uiputfile({'*.jpg','JPEG(*.jpg)';...'*.bmp','Bitmap(*.bmp)';...'*.gif','GIF(*.gif)';...'*.*','AllFiles(*.*)'},...'SavePicture','Untitled');ifFileName==0return;elseexportgraphics(app.UIAxes,[PathNameFileName],'resolution',300)end6.3圖窗工具組件6.3.1上下文菜單運(yùn)行程序，右擊選擇【打開(kāi)】，彈出如圖6-30所示對(duì)話(huà)框，單擊【打開(kāi)】，即可在坐標(biāo)區(qū)顯示相應(yīng)圖像。右擊【保存】，如圖6-31所示，可將坐標(biāo)區(qū)圖像保存到本地的指定位置。圖6-30彈出對(duì)話(huà)框界面

圖6-31右擊保存界面6.3圖窗工具組件6.3.2菜單欄【例6-13】建立一個(gè)菜單系統(tǒng)，初始界面顯示函數(shù)曲線(xiàn)，同時(shí)可實(shí)現(xiàn)在界面打開(kāi)和保存圖像功能，退出界面功能。第一步：設(shè)置布局及屬性。添加1個(gè)坐標(biāo)區(qū)，并拖動(dòng)菜單欄，如圖6-32所示。雙擊Menu和Menu2進(jìn)入菜單編輯狀態(tài)，Menu下方的加號(hào)用于添加Menu的子菜單，Menu2右側(cè)的加號(hào)用于添加同級(jí)菜單。將Menu的Text屬性改為“文件”，子菜單為“保存”、“打開(kāi)”和“退出”。將Menu2的Text屬性改為“幫助”。圖6-32菜單欄編輯界面6.3圖窗工具組件6.3.2菜單欄第二步：添加回調(diào)分別右擊【打開(kāi)】和【保存】菜單，選擇【回調(diào)】，分別選擇【添加Menu_3Selected回調(diào)】和【添加Menu_4Selected回調(diào)】，在光標(biāo)定位處輸入程序，程序命令參考例6-12。右擊【退出】菜單，選擇【回調(diào)】，選擇【添加Menu_5Selected回調(diào)】，在光標(biāo)定位處，輸入程序命令如下：close(app.UIFigure)右擊【幫助】菜單，選擇【回調(diào)】，選擇【添加Menu_2Selected回調(diào)】，在光標(biāo)定位處，輸入程序命令如下：msgbox(['您可以打開(kāi)或保存界面所顯示的圖像，'...'或者退出界面。'],'幫助信息');6.3圖窗工具組件6.3.2菜單欄在組件瀏覽器，右擊e6_13，選擇【回調(diào)】，選擇【添加StartupFcn回調(diào)】，界面自動(dòng)跳轉(zhuǎn)到代碼視圖，在光標(biāo)定位處，輸入程序命令如下：x=0:0.1:6*pi;y=x.*sin(2*x+4);plot(app.UIAxes,x,y,'LineWidth',1.5);運(yùn)行程序，即可實(shí)現(xiàn)圖像的保存和打開(kāi)，以及退出界面，和打開(kāi)幫助窗口功能。6.3圖窗工具組件6.3.2菜單欄【例6-14】實(shí)現(xiàn)通過(guò)菜單欄調(diào)整坐標(biāo)區(qū)曲線(xiàn)的線(xiàn)寬和標(biāo)記點(diǎn)形狀。第一步：設(shè)置布局及屬性。添加1個(gè)坐標(biāo)區(qū)，并添加菜單欄。第二步：添加回調(diào)。在組件瀏覽器，右擊e6_14，選擇【回調(diào)】，選擇【添加StartupFcn回調(diào)】，在光標(biāo)定位處，輸入程序命令如下：functionstartupFcn(app)x=0:0.2:5*pi;y=x.*cos(1.5*x);app.hp=plot(app.UIAxes,x,y);end點(diǎn)擊【屬性】，選擇【私有屬性】，在光標(biāo)定位處，輸入程序命令如下：properties(Access=private)

hp%Descriptionend6.3圖窗工具組件6.3.2菜單欄選擇【標(biāo)記】菜單，右擊【加號(hào)】，選擇【回調(diào)】，選擇【添加Menu_6Selected回調(diào)】，在光標(biāo)定位處，輸入程序命令如下：set(app.hp,'marker','+');同理，右擊【星號(hào)】，添加回調(diào)函數(shù)如下：set(app.hp,'marker','*');右擊【三角形】，添加回調(diào)函數(shù)如下：set(app.hp,'marker','v');選擇【線(xiàn)寬】菜單，右擊【細(xì)】，添加回調(diào)函數(shù)如下：set(app.hp,'linewidth',0.2);右擊【適中】，添加回調(diào)函數(shù)如下：set(app.hp,'linewidth',1);右擊【寬】，添加回調(diào)函數(shù)如下：set(app.hp,'linewidth',2);6.3圖窗工具組件6.3.2菜單欄運(yùn)行程序，選擇線(xiàn)型為星形，選擇線(xiàn)寬為適中，運(yùn)行結(jié)果如圖6-33所示。圖6-33菜單欄調(diào)整線(xiàn)寬線(xiàn)型效果6.3圖窗工具組件6.3.3工具欄【例6-15】實(shí)現(xiàn)通過(guò)工具欄保存坐標(biāo)軸圖像，打開(kāi)或關(guān)閉坐標(biāo)軸網(wǎng)格，以及添加坐標(biāo)區(qū)標(biāo)題的功能。第一步：設(shè)置布局及屬性。添加1個(gè)坐標(biāo)區(qū)，并添加工具欄，工具欄添加效果如圖6-34所示。圖6-34添加工具欄第二步：添加回調(diào)。在組件瀏覽器，右擊e6_15，選擇【回調(diào)】，選擇【添加StartupFcn回調(diào)】，在光標(biāo)定位處，輸入程序命令如下：functionstartupFcn(app)

x=0:0.1:6*pi;

y=x.^2.*sin(2*x);

plot(app.UIAxes,x,y,'LineWidth',1);end6.3圖窗工具組件6.3.3工具欄【例6-15】實(shí)現(xiàn)通過(guò)工具欄保存坐標(biāo)軸圖像，打開(kāi)或關(guān)閉坐標(biāo)軸網(wǎng)格，以及添加坐標(biāo)區(qū)標(biāo)題的功能。第一步：設(shè)置布局及屬性。添加1個(gè)坐標(biāo)區(qū)，并添加工具欄，工具欄添加效果如圖6-34所示。圖6-34添加工具欄第二步：添加回調(diào)。在組件瀏覽器，右擊e6_15，選擇【回調(diào)】，選擇【添加StartupFcn回調(diào)】，在光標(biāo)定位處，輸入程序命令如下：functionstartupFcn(app)

x=0:0.1:6*pi;

y=x.^2.*sin(2*x);

plot(app.UIAxes,x,y,'LineWidth',1);end6.3圖窗工具組件6.3.3工具欄右擊保存工具欄圖標(biāo)，選擇【回調(diào)】，選擇【添加PushToolClicked回調(diào)】，在光標(biāo)定位處，輸入程序命令如下：functionPushToolClicked(app,event)[FileName,PathName]=uiputfile({'*.jpg','JPEG(*.jpg)';...'*.bmp','Bitmap(*.bmp)';...'*.gif','GIF(*.gif)';...'*.*','AllFiles(*.*)'},...'SavePicture','Untitled');ifFileName==0return;elseexportgraphics(app.UIAxes,[PathNameFileName],'resolution',300)