Top Banner
AppInventor(2) 講師:王瑋毅
46

App inventor 2

Jan 09, 2017

Download

Mobile

Roy Wang
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: App inventor 2

AppInventor(2)

講師:王瑋毅

Page 2: App inventor 2

AppInventor- 按鈕、圖片及音效

Page 3: App inventor 2

上傳圖片(1/3)

Page 4: App inventor 2

上傳圖片(2/3)

Page 5: App inventor 2

上傳圖片(3/3)

Page 6: App inventor 2

上傳第二張圖片

Page 7: App inventor 2

上傳音訊檔

Page 8: App inventor 2

調整Screen1屬性

Page 9: App inventor 2

圖片按鈕(1/2)

Page 10: App inventor 2

圖片按鈕(2/2)

Page 11: App inventor 2

加入音效

Page 12: App inventor 2

拼塊編輯區-設置按鈕按下事件

Page 13: App inventor 2

拼塊編輯區-設置按鈕按下的動作

Page 14: App inventor 2

拼塊編輯區-設置按鈕按下更換圖片

Page 15: App inventor 2

拼塊編輯區-設置按鈕按下後音效撥放

Page 16: App inventor 2

拼塊編輯區-設置按鈕鬆開事件

Page 17: App inventor 2

拼塊編輯區-設置按鈕鬆開的動作

Page 18: App inventor 2

拼塊編輯區-設置按鈕鬆開更換圖片

Page 19: App inventor 2

執行結果

Page 20: App inventor 2

AppInventor- 畫面切換

Page 21: App inventor 2

設置一個按鈕

Page 22: App inventor 2

修改按鈕變數名稱

Page 23: App inventor 2

新增螢幕Screen2

Page 24: App inventor 2

拼塊編輯區-設置按鈕點擊事件

Page 25: App inventor 2

拼塊編輯區-設置換畫面事件

Page 26: App inventor 2

拼塊編輯區-設置切換到哪個畫面

Page 27: App inventor 2

執行結果

Page 28: App inventor 2

AppInventor- BMI(1)

Page 29: App inventor 2

BMI

•身體質量指數(Body Mass Index),縮寫為BMI。

• BMI公式: 體重(kg) / 身高^2(m^2)。

•設計一個程式,輸入完身高和體重後,會自行計算出BMI。

Page 30: App inventor 2

修改Screen1標題

Page 31: App inventor 2

新增兩個輸入框

Page 32: App inventor 2

修改輸入框變數名稱

Page 33: App inventor 2

修改身高輸入框預設文字

Page 34: App inventor 2

修改體重輸入框預設文字

Page 35: App inventor 2

新增按鈕

Page 36: App inventor 2

修改按鈕變數名稱和屬性

Page 37: App inventor 2

新增顯示文字標籤

Page 38: App inventor 2

修改標籤變數名稱和屬性

Page 39: App inventor 2

設置按鈕點擊事件

Page 40: App inventor 2

設置顯示文字事件

Page 41: App inventor 2

設置數學運算式

Page 42: App inventor 2

設置數學運算式的體重

Page 43: App inventor 2

設置數學運算式的平方

Page 44: App inventor 2

設置數學運算式的身高(1/2)

Page 45: App inventor 2

設置數學運算式的身高(2/2)

Page 46: App inventor 2

執行結果