先來看一下完成品的。從選擇列表選擇名稱之後,就會跳出人物的介紹。
我們先在設計畫面把相關元件拉進來排版一下。
這個用到的元件有三個,分別是『ListPicker』、『Label』、『Image』。
先加入一個初始設定。
因為『ListPicker』一開始沒有任何的值在。所以我們先用定義一個參數給它用。
我們用『initialize global name to』定一個叫『人物列表』的參數。
這個『人物列表』的參數裡頭是一個列表。
列表的話,我們用『make a list』做,後面 4個文字就是列表的順序及內容。
然後,把『Listpicker』功能叫出來。
在『ListPicker』被點擊之前,把『ListPicker』的內容,設定成 global人物列表裡頭的內容。
在選取『ListPicker』之後,會發生什麼事。
如果點擊『ListPicker』中的廖志遠的話,就把『Image』的圖片設定成 1.png,把『Label2』的文字內容,設定成”不只長的胖而已,也長的挺寬的”,以下以此類推。
我們用模擬器打開,點擊選擇列表。
點擊選擇列表中的內容。
看點到誰,就會出現誰的內容。