iT邦幫忙

0

App Inventor 學習筆記 1 : 顯示 List 裏的資料

  • 分享至 

  • xImage
  •  

AI2的List很像陣列, 這個App記錄讀取List的方式

1.使用到的元件:

Layout -> VerticalArrangement
User Interface -> Button
User Interface -> Label

2.使用到的事件

Screen -> Initialize
Button -> Click

3.Screen Layout

https://ithelp.ithome.com.tw/upload/images/20210630/20098325WpYDIg9YxT.jpg

4.global變數宣告(List)

5.butAddItem: 為List增加Item

6.Procedure -> showListItems: 顯示List裏的內容與Length

https://ithelp.ithome.com.tw/upload/images/20210630/20098325gS9R4MwEMD.jpg

7.btnShow01 與 showList01: 將list轉換為csv顯示

https://ithelp.ithome.com.tw/upload/images/20210630/20098325FrtXZMCUPE.jpg

8.btnShow02 與 showList02: 使用while迴圈方式取出list的item

https://ithelp.ithome.com.tw/upload/images/20210630/20098325xBo3UFjVZg.jpg

9.btnShow03 與 showList03: 使用for each number

https://ithelp.ithome.com.tw/upload/images/20210630/20098325x7hc9AhxzE.jpg

10.btnShow04 與 showList04: 使用for each item

https://ithelp.ithome.com.tw/upload/images/20210630/20098325mX4MG1m021.jpg

DisplayList.aia檔案下載連結


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言