使用MATLAB App Designer可以制作帶GUI的程序，下面將通過(guò)一個(gè)簡(jiǎn)單的實(shí)例展示設(shè)計(jì)流程。

目標(biāo)： 制作一個(gè)加法計(jì)算器，輸入兩個(gè)參數(shù)后點(diǎn)擊計(jì)算按鈕顯示兩個(gè)參數(shù)的和。

01啟動(dòng)App Designer：點(diǎn)擊MATLAB工具欄 新建>App 或者在命令行輸入appdesigner打開(kāi)APP設(shè)計(jì)工具。

打開(kāi)APP設(shè)計(jì)工具后，點(diǎn)擊新建>空白App，創(chuàng)建文件

02繪制加法器的界面。將左側(cè)工具欄中的按鈕拖到右側(cè)畫布中。

單擊修改文本。創(chuàng)建UI界面

接下來(lái)開(kāi)始創(chuàng)建函數(shù)。首先創(chuàng)建初始化函數(shù)，這使得文本框有一個(gè)初始值。

初始化函數(shù)如下

function startupFcn(app)
  app.aEditField.Value = 0;    
  app.bEditField.Value = 1;    
  app.AnswerTextArea.Value = '1';
end

此段程序?qū)的值顯示為0，b的值顯示為1，Answer文本框顯示1.

此程序希望用戶點(diǎn)擊Compute按鈕后顯示結(jié)果，因此現(xiàn)在添加這個(gè)按鈕的回調(diào)

函數(shù)如下

function ComputeButtonPushed(app, event)
  a = app.aEditField.Value;
  b = app.bEditField.Value;
  app.AnswerTextArea.Value = num2str(a+b);
end

這段程序的功能是計(jì)算a和b的和，最終通過(guò)num2str函數(shù)將數(shù)值轉(zhuǎn)為文本。

最終程序如下

點(diǎn)擊工具欄中的運(yùn)行按鈕，程序運(yùn)行效果如下：