App Inventor學習記錄(5)-用 ListPicker做人物介紹

App Inventor學習記錄(5)-用 ListPicker做人物介紹


先來看一下完成品的。從選擇列表選擇名稱之後,就會跳出人物的介紹。


我們先在設計畫面把相關元件拉進來排版一下。
這個用到的元件有三個,分別是『ListPicker』『Label』『Image』


先加入一個初始設定。

因為『ListPicker』一開始沒有任何的值在。所以我們先用定義一個參數給它用。
我們用『initialize global name to』定一個叫『人物列表』的參數。
這個『人物列表』的參數裡頭是一個列表。
列表的話,我們用『make a list』做,後面 4個文字就是列表的順序及內容。


然後,把『Listpicker』功能叫出來。

『ListPicker』被點擊之前,把『ListPicker』的內容,設定成 global人物列表裡頭的內容。


在選取『ListPicker』之後,會發生什麼事。

如果點擊『ListPicker』中的廖志遠的話,就把『Image』的圖片設定成 1.png,把『Label2』的文字內容,設定成”不只長的胖而已,也長的挺寬的”,以下以此類推。


我們用模擬器打開,點擊選擇列表。


點擊選擇列表中的內容。


看點到誰,就會出現誰的內容。

發佈留言