Unit 2-1 排版 / 作業 03 (計算機)

水平排列框架

MIT App Inventor 2

http://ai2.appinventor.mit.edu/

首先建立一個專案

選擇左邊的 Layout 底下的 HorizontalArrangement 拉到螢幕上

重複四次，拉四個到螢幕上

拉一個 Label 到第一個格子裡面

再拉一個 TextBox 到第一個格子裡面

第二個格子也弄成一樣的

將第一個 Label 以及第二個 Label 的文字分別改成「Number1:」「Number2:」

在第三個格子放進四個 Button

將第一個 Button 的長寬改成 50 pixel

後面三個 Button 一樣的做法

將四個 Button 的文字改為 「+」「-」「×」「÷」

在第四個格子放入兩個 Label

將兩個 Label 的文字分別改為 「Answer:」「0」

元件結構

Blocks / 程式碼部分

按下右上角的「Blocks」切換到程式碼區塊

選到四個按鈕的部分，將按鈕點擊事件拉四個出來

分別為 「when Button1.Click」「when Button2.Click」「when Button3.Click」「when Button4.Click」

左邊找到 Label4

找到「set Label4.Text to」

放到四個按鈕的點擊事件裡面

找到左邊的 Math

將這四個邏輯運算式分別放進四個按鈕的後面

找到 TextBox1

將 TextBox1.Text 放進第一個格子裡面

將 TextBox2.Text 放進第二個格子裡面

將後面三個事件也都放進一樣的東西

完成，將 APK 檔案打包匯出到手機安裝。

手機安裝畫面

+

–

×

÷

範例檔案下載：點我下載