Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

App inventor 3

547 views

Published on

App Inventor投影片3

Published in: Mobile
  • Be the first to comment

App inventor 3

  1. 1. AppInventor(3) 講師:王瑋毅
  2. 2. AppInventor-接API資料
  3. 3. JSON是什麼? • JSON全名叫做JavaScript Object Notation,就是在JavaScript之中, 表示物件的一種格式。 • JSON不是JavaScript的物件實字,JSON只是基於JavaScript的物件 實字。 • 在JSON只允許以雙引號(“”)包圍字串值。 • JSON的副檔名是 .json
  4. 4. JSON範例- ”名稱” : ”值” {  “brand” : “Crocs”, “color” : “pink”,  “size” : 9,  “hasLaces” : false,  “title” : “This is the body."  } 
  5. 5. 新增需要的元件-Button、Label
  6. 6. 新增需要的元件-Web
  7. 7. 設定Web1的Url • http://opendata.epa.gov.tw/ws/Data/UV/?$orderby=PublishAgency& $skip=0&$top=1000&format=json
  8. 8. 新增一個全域變數方塊-名為json
  9. 9. 全域變數方塊設為空的list
  10. 10. 設置取得Web1的文字事件
  11. 11. 設置儲存的全域變數
  12. 12. 使用Web1的解析Json方法
  13. 13. 設置取得的Url
  14. 14. 設置顯示的標籤
  15. 15. 設置按鈕事件
  16. 16. 設置按鈕按下呼叫Web1方法
  17. 17. 執行結果
  18. 18. AppInventor-標準體重
  19. 19. 題目 • 男性: (身高cm - 80) x 70% = 標準體重 • 女性: (身高cm - 70) x 60% = 標準體重
  20. 20. 上傳兩張圖片
  21. 21. 設置文字方塊
  22. 22. 設置水平布局
  23. 23. 設置按鈕1
  24. 24. 設置按鈕2
  25. 25. 設置標籤
  26. 26. 設置圖片
  27. 27. 設置按鈕1事件
  28. 28. 設置按鈕1顯示文字標籤
  29. 29. 設置按鈕1數學式(1/4)
  30. 30. 設置按鈕1數學式(2/4)
  31. 31. 設置按鈕1數學式(3/4)
  32. 32. 設置按鈕1數學式(4/4)
  33. 33. 設置按鈕1顯示圖片
  34. 34. 設置按鈕1要顯示的圖片
  35. 35. 設置按鈕2事件
  36. 36. 設置按鈕2顯示文字標籤
  37. 37. 設置按鈕2數學式(1/4)
  38. 38. 設置按鈕2數學式(2/4)
  39. 39. 設置按鈕2數學式(3/4)
  40. 40. 設置按鈕2數學式(4/4)
  41. 41. 設置按鈕2顯示圖片
  42. 42. 設置按鈕2要顯示的圖片
  43. 43. 執行結果
  44. 44. 練習 • 標準體重正負10%為正常體重
  45. 45. 設置按鈕1合併文字
  46. 46. 設置按鈕1數學式(1/3)
  47. 47. 設置按鈕1數學式(2/3)
  48. 48. 設置按鈕1數學式(3/3)
  49. 49. 新增按鈕1合併文字(1/2)
  50. 50. 新增按鈕1合併文字(2/2)
  51. 51. 新增按鈕1顯示文字
  52. 52. 設置按鈕2合併文字
  53. 53. 設置按鈕2數學式(1/3)
  54. 54. 設置按鈕2數學式(2/3)
  55. 55. 設置按鈕2數學式(3/3)
  56. 56. 新增按鈕2合併文字
  57. 57. 新增按鈕2顯示文字
  58. 58. 執行結果

×