App Inventor投影片3

1. AppInventor(3)
講師:王瑋毅

2. AppInventor-接API資料

3. JSON是什麼?
• JSON全名叫做JavaScript Object Notation，就是在JavaScript之中，
表示物件的一種格式。
• JSON不是JavaScript的物件實字，JSON只是基於JavaScript的物件
實字。
• 在JSON只允許以雙引號(“”)包圍字串值。
• JSON的副檔名是 .json

4. JSON範例- ”名稱” : ”值”
{
“brand” : “Crocs”,
“color” : “pink”,
“size” : 9,
“hasLaces” : false,
“title” : “This is the body."
}

5. 新增需要的元件-Button、Label

6. 新增需要的元件-Web

7. 設定Web1的Url
• http://opendata.epa.gov.tw/ws/Data/UV/?$orderby=PublishAgency&
$skip=0&$top=1000&format=json

8. 新增一個全域變數方塊-名為json

9. 全域變數方塊設為空的list

10. 設置取得Web1的文字事件

11. 設置儲存的全域變數

12. 使用Web1的解析Json方法

13. 設置取得的Url

14. 設置顯示的標籤

15. 設置按鈕事件

16. 設置按鈕按下呼叫Web1方法

17. 執行結果

18. AppInventor-標準體重

19. 題目
• 男性: (身高cm - 80) x 70% = 標準體重
• 女性: (身高cm - 70) x 60% = 標準體重

20. 上傳兩張圖片

21. 設置文字方塊

22. 設置水平布局

23. 設置按鈕1

24. 設置按鈕2

25. 設置標籤

26. 設置圖片

27. 設置按鈕1事件

28. 設置按鈕1顯示文字標籤

29. 設置按鈕1數學式(1/4)

30. 設置按鈕1數學式(2/4)

31. 設置按鈕1數學式(3/4)

32. 設置按鈕1數學式(4/4)

33. 設置按鈕1顯示圖片

34. 設置按鈕1要顯示的圖片

35. 設置按鈕2事件

36. 設置按鈕2顯示文字標籤

37. 設置按鈕2數學式(1/4)

38. 設置按鈕2數學式(2/4)

39. 設置按鈕2數學式(3/4)

40. 設置按鈕2數學式(4/4)

41. 設置按鈕2顯示圖片

42. 設置按鈕2要顯示的圖片

43. 執行結果

44. 練習
• 標準體重正負10%為正常體重

45. 設置按鈕1合併文字

46. 設置按鈕1數學式(1/3)

47. 設置按鈕1數學式(2/3)

48. 設置按鈕1數學式(3/3)

49. 新增按鈕1合併文字(1/2)

50. 新增按鈕1合併文字(2/2)

51. 新增按鈕1顯示文字

52. 設置按鈕2合併文字

53. 設置按鈕2數學式(1/3)

54. 設置按鈕2數學式(2/3)

55. 設置按鈕2數學式(3/3)

56. 新增按鈕2合併文字

57. 新增按鈕2顯示文字

58. 執行結果