Matlab AppDesigner程式設計教程第1章——物件導向程式設計

---

---

一、頁面佈局

開啟appdesigner的設計臺後，我們看到設計臺主要由三部分組成，左邊的元件庫，中間的設計檢視也是程式碼檢視可以來回切換，右邊為元件瀏覽器，點選任意元件會顯示檢查器，可以在這裡直接編輯一些元件的屬性，也可以在程式碼檢視內編輯，注意：一些功能實現只能通過程式碼實現。

---

二、程式碼檢視

注意：灰色的程式碼是無法直接修改，但是可以去前面的檢查器修改

回撥函式：回撥函式用於互動，比如點選確定按鈕，程式就開始執行，那麼就在確定按鈕處新增回撥，下面通過一個例子詳細說明。

有這些基礎後，就可以自己動手編寫一個標準計算器，編的過程中會對appdesigner的邏輯有更深入的瞭解。

三、標準計算器

1.按鍵佈局

接著複製這個元件，排布成我們需要的樣子；

注：每個元件就是一個物件，可以通過右側檢查器修改，也可以通過點呼叫的方式修改，比如：app.N1_Button.FontSize = 40;其他屬性也是一樣。

排布好介面後就可以寫回撥函式，每按一次按鍵都會在上面的文字框中顯示我們的輸入數字，那麼每個按鍵都需要新增回撥函式；通過分析知道，按鍵主要分為四類：

1. 數值和小數點這些按鍵的目的就是輸入；

2. 運演算法則；

3. C的作用相當於歸零；

4. =的作用就是計算；

2.建立屬性和方法

計算過程就是輸入兩個數和一個運算子號，把計算器抽象成一個類，屬性就是兩個數和一個運算子號，方法就是運算式子

新增屬性和方法：屬性和方法都可以隨時增加和刪除，上面的屬性就是我用到的所有屬性，計算程式就是簡單的兩個數和一個運算子，輸出結果。

2.編寫4類回撥函式

其它回撥就是複製貼上，程式碼沒什麼好講，就是引數之間的傳遞，看上去複雜主要是因為顯示部分的程式碼比較複雜，我按照win10標準計算器的顯示來寫的。程式碼在app中顯示整體還是比較簡潔易讀的。

下面演示效果

總結

本章講了Appdesigner建立app的基本流程，簡單概括就是三步：一、元件排布；二、建立屬性和方法；三、編寫回撥函式。感興趣的朋友可以自己嘗試寫一寫，想要原始碼的也可以關注我的微信公眾號獲取。

本人專業光學設計工作者，業餘Matlab愛好者，感興趣的可以關注我的微信公眾號“靠譜光學”，分享靠譜知識。