iT邦幫忙

2021 iThome 鐵人賽

DAY 17
0
自我挑戰組

Android Studio 初學者的30天筆記系列 第 17

DAY17:清單元件之實作

  • 分享至 

  • xImage
  •  

今天要給大家看實例,接下來用圖片介紹。
首先我們先在主畫面建立三個清單元件
https://ithelp.ithome.com.tw/upload/images/20211002/20140488d7eILQOtsu.png
以及新增兩個客製化的畫面
https://ithelp.ithome.com.tw/upload/images/20211002/20140488RCuRkRSLnE.png
https://ithelp.ithome.com.tw/upload/images/20211002/201404886RegMNS5iw.png
接著我們在MainActivity中建立客製化的類別data,用於之後要顯示的Adapter資料。
https://ithelp.ithome.com.tw/upload/images/20211002/20140488CnP1Cj5XSf.png
我們要新增一個Mydapter,目的在於顯示Spinner跟GridView的畫面,首先,先將傳入的Layout建立,接著取得相對應的資料,並將圖片指派給ImageView呈現,將訊息指配給TextView呈現,垂直排列顯示名稱,若不是顯示名稱及價格,最後回傳此項目畫面。
https://ithelp.ithome.com.tw/upload/images/20211002/20140488Lzc49Ye8QN.png
下一步,我們須將圖檔加入到values的string.xml當中並建立Integer陣列,命名為resourceList。
https://ithelp.ithome.com.tw/upload/images/20211002/20140488KIttLqOSO8.png
再來,將圖檔讀出並放在ArrayList中,將變數與xml綁定。
https://ithelp.ithome.com.tw/upload/images/20211002/20140488kb2bGJNXmS.png
接著,釋放圖檔資源,並建立ArrayAdapter並傳入各個xml檔當作畫面,以及設定橫向的顯示數列。
https://ithelp.ithome.com.tw/upload/images/20211002/20140488wb27xTs5Ad.png
完成後我們可以看到有下拉式選單(Spinner)
https://ithelp.ithome.com.tw/upload/images/20211002/20140488j50OqOxWMF.png
還有基本的ListView(縱向清單)可以往下滑
https://ithelp.ithome.com.tw/upload/images/20211002/20140488hEd6DJakzq.png
還有我們的GridView的這種方塊的清單。
https://ithelp.ithome.com.tw/upload/images/20211002/20140488vBcYAbJifv.png


上一篇
DAY16:清單元件之簡介
下一篇
DAY18:進階清單元件之簡介
系列文
Android Studio 初學者的30天筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言