一、效果展示
點(diǎn)擊開始顯示數(shù)據(jù)：
2. 設(shè)計(jì) 2.1 框架設(shè)計(jì)
首先搭建框架matlab做界面設(shè)計(jì)大全，從左邊的組件庫中拉取組件，比如坐標(biāo)軸、編輯字段（姓名和學(xué)號(hào)）、標(biāo)簽（大標(biāo)題）和按鈕（開始），然后自己布置布局：
然后，點(diǎn)擊每個(gè)組件修改每個(gè)構(gòu)造的文本內(nèi)容matlab做界面設(shè)計(jì)大全，比如修改axes區(qū)域的標(biāo)題：
2.2 代碼編寫 2.2.1 代碼查看
接下來，進(jìn)入代碼視圖，開始編寫代碼：
1、在前面部分代碼中，定義了參數(shù)：
可以看到，我們有一個(gè)坐標(biāo)區(qū)（UIAxes）、一個(gè)按鈕（Button）和一個(gè)底層圖像（），我們要做的是：點(diǎn)擊按鈕，圖像顯示出來，這是一個(gè)非常簡單的過程。
2.2.2 添加回調(diào)函數(shù)
首先，點(diǎn)擊左上角“編輯器”中的“回調(diào)”：
出現(xiàn)如下界面：
在組件中選擇“Button”，然后點(diǎn)擊“Add ”，得到一個(gè)回調(diào)函數(shù)：
我們只是想在這個(gè)回調(diào)函數(shù)中寫下我們要執(zhí)行的命令。
2.2.3. 編寫代碼
1.獲取數(shù)據(jù)“simout”
%%PID數(shù)據(jù)提取
PID_ori = evalin('base', 'simout1');
PID_control = evalin('base', 'simout2');
其中“simout1”和“simout2”是我們仿真得到的仿真數(shù)據(jù)，雙擊鼠標(biāo)左鍵，輸入“To”，即可得到“simout”模塊，如下圖：
將得到的數(shù)據(jù)與“simout”連接輸出，這里我們分別使用“step”模塊和“sine wave”模塊的輸入信號(hào)作為“simout”值：
點(diǎn)擊仿真按鈕，進(jìn)入MATLAB的工作區(qū)查看，可以看到得到了兩個(gè)參數(shù)：
2.繪圖
%%數(shù)據(jù)展示
plot(app.UIAxes,PID_ori.data , 'LineWidth',1, "Color",[1, 0 ,0]);
hold(app.UIAxes, "on");
plot(app.UIAxes, PID_control.data, "LineWidth",1,"Color",[0,1,0]);
legend(app.UIAxes, ["PID ori", "PID control"]);可以看到，還是使用了plot函數(shù)，只是需要選擇在哪個(gè)“坐標(biāo)區(qū)域”上繪制。 你可以看到這里我們在“app.UIAxes”上繪圖，它在我們“代碼視圖”組件瀏覽器的右側(cè)你可以看到名稱：
當(dāng)“軸”數(shù)大于1時(shí)，系統(tǒng)會(huì)自動(dòng)編碼：app.,app.等。
hold on的用法與.m文件一致； 傳說就是傳說。
3.運(yùn)行
點(diǎn)擊運(yùn)行，結(jié)果如下：
可見運(yùn)行成功。 由于我沒有計(jì)劃位置等，所以用戶界面有點(diǎn)糟糕。 如果要修改，可以點(diǎn)擊代碼界面右上角的“設(shè)計(jì)視圖”，返回設(shè)計(jì)界面進(jìn)行修改。
4.總結(jié)
對(duì)MATLAB的使用做了簡單的講解，設(shè)計(jì)了一個(gè)粗略的UI界面，主要適合一些小型課程設(shè)計(jì)的UI界面設(shè)計(jì)需求（這里是機(jī)電控制技術(shù)的項(xiàng)目），可以完全實(shí)現(xiàn)UI設(shè)計(jì)崩潰。 有想法和改進(jìn)歡迎聯(lián)系交流，謝謝。