Android入門教程之ListView的具體使用詳解
ListView 的簡(jiǎn)單用法
在布局中加入 ListView 控件還算簡(jiǎn)單,先為 ListView 指定一個(gè) id,然后將寬度和高度都設(shè)置為 match_parent,這樣 ListView 就占滿了整個(gè)布局的空間
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <ListView android:id="@+id/listView" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout>
接下來修改 MainActivity 中的代碼
class MainActivity : AppCompatActivity() { private val data = listOf("Apple", "Banana", "Orange", "Watermelon", "Pear", "Grape", "Pineapple", "Strawberry", "Cherry", "Mango", "Apple", "Banana", "Orange", "Watermelon", "Pear", "Grape", "Pineapple", "Strawberry", "Cherry", "Mango") override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) val adapter = ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, data) listView.adapter = adapter } }
先將數(shù)據(jù)準(zhǔn)備好,然后借助適配器將數(shù)據(jù)傳遞給 ListView。ArrayAdapter 是 Android 提供的一種適配器的實(shí)現(xiàn)類,可以通過泛型來指定要適配的數(shù)據(jù)類型,然后在構(gòu)造函數(shù)中把要適配的數(shù)據(jù)傳入。在 ArrayAdapter 的構(gòu)造函數(shù)中依次傳入 Activity 的實(shí)例、ListView 子項(xiàng)布局的 id、數(shù)據(jù)源,這里我們使用了 android.R.layout.simple_list_item_1 作為 ListView 子項(xiàng)布局的 id,這是一個(gè) Android 內(nèi)置的布局文件,里面只有一個(gè) TextView,可用于簡(jiǎn)單地顯式一段文本。最后,調(diào)用 ListView 的 setAdapter() 方法,將構(gòu)建好的適配器對(duì)象傳遞進(jìn)去,這樣 ListView 和數(shù)據(jù)之間的關(guān)聯(lián)就建立完成了
定制 ListView 的界面
只能顯示一段文本的 ListView 實(shí)在太單調(diào)了,我們現(xiàn)在希望定制 ListView 的界面,讓它能顯示文本和圖片
在需要 ListView 的子項(xiàng)指定一個(gè)我們自定義的布局,在 layout 目錄下新建 fruit_item.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="60dp"> <ImageView android:id="@+id/fruitImage" android:layout_width="40dp" android:layout_height="40dp" android:layout_gravity="center_vertical" android:layout_marginLeft="10dp" tools:ignore="ContentDescription,RtlHardcoded" /> <TextView android:id="@+id/fruitName" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" android:layout_marginLeft="10dp" tools:ignore="RtlHardcoded" /> </LinearLayout>
定義一個(gè)實(shí)體類,作為 ListView 適配器的適配類型
class FruitAdapter(activity: Activity, val resourceId: Int, data: List<Fruit>) : ArrayAdapter<Fruit>(activity, resourceId, data) { @SuppressLint("ViewHolder") override fun getView(position: Int, convertView: View?, parent: ViewGroup): View { val view = LayoutInflater.from(context).inflate(resourceId, parent, false) val fruitImage: ImageView = view.findViewById(R.id.fruitImage) val fruitName: TextView = view.findViewById(R.id.fruitName) val fruit = getItem(position) if (fruit != null) { fruitImage.setImageResource(fruit.imageId) fruitName.text = fruit.name } return view } }
FruitAdapter 類繼承自 ArrayAdapter,并泛型指定為 Fruit 類,重寫 getView() 方法。在 getView() 方法中,首先使用 LayoutInflater 來為這個(gè)子項(xiàng)加載我們傳入的布局,再調(diào)用 View 的 findViewById() 方法分別獲取 ImageView 和 TextView,然后通過 getItem() 方法得到當(dāng)前項(xiàng)的 Fruit 實(shí)例,設(shè)置顯示的圖片和文字,最后將布局返回
最后修改 MainActivity 中的代碼
class MainActivity : AppCompatActivity() { private val fruitList = ArrayList<Fruit>() private val data = listOf("Apple", "Banana", "Orange", "Watermelon", "Pear", "Grape", "Pineapple", "Strawberry", "Cherry", "Mango", "Apple", "Banana", "Orange", "Watermelon", "Pear", "Grape", "Pineapple", "Strawberry", "Cherry", "Mango") override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) initFruits() val adapter = FruitAdapter(this, R.layout.fruit_item, fruitList) listView.adapter = adapter } private fun initFruits() { repeat(2) { fruitList.add(Fruit("Apple", R.drawable.apple_pic)) fruitList.add(Fruit("Banana", R.drawable.banana_pic)) fruitList.add(Fruit("Orange", R.drawable.orange_pic)) fruitList.add(Fruit("Watermelon", R.drawable.watermelon_pic)) fruitList.add(Fruit("Pear", R.drawable.pear_pic)) fruitList.add(Fruit("Grape", R.drawable.grape_pic)) fruitList.add(Fruit("Pineapple", R.drawable.pineapple_pic)) fruitList.add(Fruit("Strawberry", R.drawable.strawberry_pic)) fruitList.add(Fruit("Cherry", R.drawable.cherry_pic)) fruitList.add(Fruit("Mango", R.drawable.mango_pic)) } } }
提升 ListView 的運(yùn)行效率
getView() 方法中還有一個(gè) convertView 參數(shù),這個(gè)參數(shù)用于將之前加載好的布局進(jìn)行緩存,以便之后進(jìn)行重用,我們可以借助這個(gè)參數(shù)進(jìn)行性能優(yōu)化
class FruitAdapter(activity: Activity, val resourceId: Int, data: List<Fruit>) : ArrayAdapter<Fruit>(activity, resourceId, data) { @SuppressLint("ViewHolder") override fun getView(position: Int, convertView: View?, parent: ViewGroup): View { val view: View if (convertView == null) { view = LayoutInflater.from(context).inflate(resourceId, parent, false) } else { view = convertView } val fruitImage: ImageView = view.findViewById(R.id.fruitImage) val fruitName: TextView = view.findViewById(R.id.fruitName) val fruit = getItem(position) if (fruit != null) { fruitImage.setImageResource(fruit.imageId) fruitName.text = fruit.name } return view } }
我們?cè)?getView() 方法中進(jìn)行了判斷:如果 convertView 為 null,則使用 LayoutInflater 去加載布局;如果不為 null,則直接對(duì) convertView 進(jìn)行重用
目前代碼還可以繼續(xù)優(yōu)化,每次在 getView() 方法中仍然會(huì)調(diào)用 View 的 findViewById 方法去獲取一次控件的實(shí)例,我們可以借助一個(gè) ViewHolder 來對(duì)這部分性能進(jìn)行優(yōu)化,修改 FruitAdapter 中的代碼
class FruitAdapter(activity: Activity, val resourceId: Int, data: List<Fruit>) : ArrayAdapter<Fruit>(activity, resourceId, data) { inner class ViewHolder(val fruitImage: ImageView, val fruitName: TextView) @SuppressLint("ViewHolder") override fun getView(position: Int, convertView: View?, parent: ViewGroup): View { val view: View val viewHolder: ViewHolder if (convertView == null) { view = LayoutInflater.from(context).inflate(resourceId, parent, false) val fruitImage: ImageView = view.findViewById(R.id.fruitImage) val fruitName: TextView = view.findViewById(R.id.fruitName) viewHolder = ViewHolder(fruitImage, fruitName) view.tag = viewHolder } else { view = convertView viewHolder = view.tag as ViewHolder } val fruit = getItem(position) if (fruit != null) { viewHolder.fruitImage.setImageResource(fruit.imageId) viewHolder.fruitName.text = fruit.name } return view } }
我們新增一個(gè)內(nèi)部類 ViewHolder,用于對(duì) ImageView 和 TextView 的控件實(shí)例進(jìn)行緩存。當(dāng) convertView 為 null 時(shí),創(chuàng)建一個(gè) ViewHolder 對(duì)象,并將控件的實(shí)例存放在 ViewHolder 里,然后調(diào)用 View 的 setTag() 方法,將 ViewHolder 對(duì)象存儲(chǔ)在 View 中
ListView 的點(diǎn)擊事件
ListView 的滾動(dòng)畢竟只是滿足我們視覺上的效果,因此本節(jié)學(xué)習(xí) ListView 如何才能響應(yīng)用戶的點(diǎn)擊事件
class MainActivity : AppCompatActivity() { private val fruitList = ArrayList<Fruit>() ... override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) initFruits() val adapter = FruitAdapter(this, R.layout.fruit_item, fruitList) listView.adapter = adapter /*val adapter = ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, data)*/ /*listView.adapter = adapter*/ listView.setOnItemClickListener {parent, view, position, id -> val fruit = fruitList[position] Toast.makeText(this, fruit.name, Toast.LENGTH_SHORT).show() } } }
到此這篇關(guān)于Android入門教程之ListView的具體使用詳解的文章就介紹到這了,更多相關(guān)Android ListView內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- Android notifyDataSetChanged() 動(dòng)態(tài)更新ListView案例詳解
- Android使用ExpandableListView實(shí)現(xiàn)三層嵌套折疊菜單
- Android入門教程之Fragment的具體使用詳解
- AndroidX下使用Activity和Fragment的變化詳解
- Android使用ViewPager快速切換Fragment時(shí)卡頓的優(yōu)化方案
- Android Studio使用ViewPager+Fragment實(shí)現(xiàn)滑動(dòng)菜單Tab效果
- Android ListView在Fragment中的使用示例詳解
相關(guān)文章
Android底部菜單欄實(shí)現(xiàn)的實(shí)例代碼
這篇文章主要介紹了Android底部菜單欄實(shí)現(xiàn)的實(shí)例代碼,本文通過使用RadioGroup來實(shí)現(xiàn)底部導(dǎo)航菜單欄?,F(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-05-05Flutter上線項(xiàng)目實(shí)戰(zhàn)記錄之路由篇
這篇文章主要給大家介紹了關(guān)于Flutter上線項(xiàng)目實(shí)戰(zhàn)記錄之路由篇的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用Flutter具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09Android Studio 視頻播放失敗 start called in state1 異常怎么解決
很多朋友問小編在使用MediaPlayer播放音頻時(shí)報(bào)出 E/MediaPlayerNative: start called in state 1, mPlayer(0x0)問題,該如何處理呢,今天小編給大家?guī)砹薃ndroid Studio 視頻播放失敗 start called in state1 異常問題,需要的朋友可以參考下2020-03-03Android在自定義類中實(shí)現(xiàn)自定義監(jiān)聽器方式
這篇文章主要介紹了Android在自定義類中實(shí)現(xiàn)自定義監(jiān)聽器方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-03-03實(shí)例解析Android中使用Pull解析器解析XML的方法
這篇文章主要介紹了Android中使用Pull解析器解析XML的方法,與DOM和SAX解析方式相比人們更推崇Pull,需要的朋友可以參考下2016-04-04Android編程使用Fragment界面向下跳轉(zhuǎn)并一級(jí)級(jí)返回的實(shí)現(xiàn)方法
這篇文章主要介紹了Android編程使用Fragment界面向下跳轉(zhuǎn)并一級(jí)級(jí)返回的實(shí)現(xiàn)方法,較為詳細(xì)的分析了Fragment界面跳轉(zhuǎn)所涉及的相關(guān)知識(shí)點(diǎn)與實(shí)現(xiàn)技巧,并附帶了完整的實(shí)例代碼供讀者下載參考,需要的朋友可以參考下2015-10-10Android入門:廣播發(fā)送者與廣播接收者詳細(xì)介紹
本篇文章主要介紹了Android入門:廣播發(fā)送者與廣播接收者,詳細(xì)介紹了廣播收發(fā)的原理和代碼,有需要的可以了解一下。2016-11-11仿iPhone風(fēng)格對(duì)話框(附件包含例子/jar包/jar包源碼)
這個(gè)對(duì)框完全繼承、仿照AlertDialog,只是實(shí)現(xiàn)了自定義效果;另外,沒有實(shí)現(xiàn)setIcon,因?yàn)閕phone中的對(duì)話框多數(shù)都沒有圖標(biāo);附件包含例子、jar包、jar包源碼2013-01-01Android微信搶紅包功能的實(shí)現(xiàn)原理淺析
快到新年了,微信紅包越來越多,那么基于程序是怎么實(shí)現(xiàn)的呢?今天小編給大家分享Android微信搶紅包功能的實(shí)現(xiàn)原理淺析,一起看看吧2017-01-01