MATLAB App Designer快速入門體驗

Mathworks在R2016a中正式推出了GUIDE的替代產品:AppDesigner，MATLAB - 知乎專欄中也很好的進行了入門介紹。 對於熟悉GUIDE的同學，應該可以快速入手。 這裡AppDesigner的介紹主要是對原有GUIDE的簡單回顧，並幫助新手快速入手AppDesigner編程

appdesigner.internal.application.openTutorial(BasicCoding)

在2016a以上版本輸入以上命令，進入輔助學習

第 1 步

我們來構建一個簡單的 App，其中一個滑塊控制坐標軸中的繪圖。

將坐標軸組件拖放到畫布上。

第 2 步

將滑塊組件拖放到畫布上。

第 3 步

通過鍵入 Amplitude 來替換滑塊的默認標籤文本。

這裡可以雙擊左邊小圈進行輸入，也可以在右邊的文本中直接修改

第 4 步

App 設計工具包含一個設計視圖和一個代碼視圖，前者用於設計 App，後者用於編寫 App。

點擊 代碼視圖 開始編寫 App。

第 5 步

App 可以使用回調函數來響應用戶交互，例如按鈕點擊。

在組件瀏覽器中，右鍵點擊 app.AmplitudeSlider，然後選擇 回調 > 添加 ValueChangedFcn 回調。

第 6 步

要在坐標軸中繪圖，需要將坐標軸組件用作繪圖命令的第一個輸入參數。

我們注意到function下方自動生成 滑塊 value的調用函數。（黃色部分）

添加以下代碼:

plot(app.UIAxes, value*peaks)

這裡需要注意的是由App Designer並非支持所有命令，例如slice等還未支持，因此需要注意

Graphics Support in App Designer

第 7 步

在代碼中使用 app.Component.Property 獲取或設置組件屬性。

添加以下代碼以設置坐標軸的 ylim 屬性:

app.UIAxes.YLim = [-1000 1000];

第 8 步

點擊 運行 以保存並運行該 App。

第 9 步

祝賀您，您已使用 App 設計工具構建了您的第一個 App!

點擊 顯示提示 可查看有關在 App 設計工具中進行編程的其他幫助。

後記

相比GUIDE，所有的組件更改名稱只需要雙擊即可，包含固定文本，只要更改文本中的內容，組件名稱會自動更改成組 固定文本 中的 內容便於命名。但是這裡並不支持 中文。

同時我們注意到，方便，由於代碼自動生成，因此調用時不會出現錯位。

對於下拉框等等想想，在項目中直接輸入選項，在調用時 使用switch-case更加方便。

推薦閱讀：