定義一個程序 (函數)
MIT App Inventor 2
http://ai2.appinventor.mit.edu/
首先建立一個專案
選擇 Layout 拉三個 HorizontalArrangement 到螢幕上
第一第二個格子都放一個 Label 以及一個 Textbox
兩個 Label 的文字改成「Number 1」「Number 2」
第三個格子放入兩個 Button
兩個 Button 文字改為「plus」「minus」
選擇左邊的 Nofiter
拉到畫面上,他會顯示在下面,因為這是不可視元件
元件結構
Blocks / 程式碼部分
點擊左邊的 Procedures (程序) 選擇 to procedure do 到螢幕上

把程序名稱改為「plus」
按下上面的齒輪,新增兩個 input X
左邊的 Notifier1 選擇 .ShowAlert notice 放到剛剛定義的 plus 程序裡面

選擇 Math 將運算式 + 放到 notice 後面
將 TextBox1.Text 以及 TextBox2.Text 放到運算式 + 的兩個格子

再次定義一個程序,名稱「minus」

一樣選擇齒輪放入兩個 input x

一樣選擇 Notifier1 底下的 ShowAlert notice

notice 後面放入 Math 底下的運算式 –

兩個格子依序放入 TextBox1.Text 以及 TextBox2.Text

點擊 Button1 選擇 when Button1.Click 放到螢幕上

點擊 Procedures (程序) 選擇 call plus 放到 when Button1.Click 裡面


在 x 跟 x2 放入 TextBox1.Text 以及 TextBox2.Text

點擊 Button2 選擇 when Button2.Click 放到螢幕上

一樣選擇 Procedures (程序) 放到 when Button2.Click 裡面

x 跟 x2 放入 TextBox1.Text 以及 TextBox2.Text

完成程式碼

手機安裝畫面

plus

minus

範例檔案下載:點我下載
- 受保護的內容: NAS 版 Mathbot 管理網站與 Linebot 啟動方法 - 2024 年 11 月 15 日
- Realtime 啥鬼的 - 2021 年 6 月 15 日
- nodejs 數學遊戲 - 2021 年 6 月 8 日













