Android入門教程之ListView的具體使用詳解
ListView 的簡單用法
在布局中加入 ListView 控件還算簡單，先為 ListView 指定一個 id，然后將寬度和高度都設(shè)置為 match_parent，這樣 ListView 就占滿了整個布局的空間
<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 提供的一種適配器的實現(xiàn)類，可以通過泛型來指定要適配的數(shù)據(jù)類型，然后在構(gòu)造函數(shù)中把要適配的數(shù)據(jù)傳入。在 ArrayAdapter 的構(gòu)造函數(shù)中依次傳入 Activity 的實例、ListView 子項布局的 id、數(shù)據(jù)源，這里我們使用了 android.R.layout.simple_list_item_1 作為 ListView 子項布局的 id，這是一個 Android 內(nèi)置的布局文件，里面只有一個 TextView，可用于簡單地顯式一段文本。最后，調(diào)用 ListView 的 setAdapter() 方法，將構(gòu)建好的適配器對象傳遞進(jìn)去，這樣 ListView 和數(shù)據(jù)之間的關(guān)聯(lián)就建立完成了
定制 ListView 的界面
只能顯示一段文本的 ListView 實在太單調(diào)了，我們現(xiàn)在希望定制 ListView 的界面，讓它能顯示文本和圖片
在需要 ListView 的子項指定一個我們自定義的布局，在 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>
定義一個實體類，作為 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 來為這個子項加載我們傳入的布局，再調(diào)用 View 的 findViewById() 方法分別獲取 ImageView 和 TextView，然后通過 getItem() 方法得到當(dāng)前項的 Fruit 實例，設(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 的運行效率
getView() 方法中還有一個 convertView 參數(shù)，這個參數(shù)用于將之前加載好的布局進(jìn)行緩存，以便之后進(jìn)行重用，我們可以借助這個參數(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
}
}
我們在 getView() 方法中進(jìn)行了判斷：如果 convertView 為 null，則使用 LayoutInflater 去加載布局；如果不為 null，則直接對 convertView 進(jìn)行重用
目前代碼還可以繼續(xù)優(yōu)化，每次在 getView() 方法中仍然會調(diào)用 View 的 findViewById 方法去獲取一次控件的實例，我們可以借助一個 ViewHolder 來對這部分性能進(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
}
}
我們新增一個內(nèi)部類 ViewHolder，用于對 ImageView 和 TextView 的控件實例進(jìn)行緩存。當(dāng) convertView 為 null 時，創(chuàng)建一個 ViewHolder 對象，并將控件的實例存放在 ViewHolder 里，然后調(diào)用 View 的 setTag() 方法，將 ViewHolder 對象存儲在 View 中
ListView 的點擊事件
ListView 的滾動畢竟只是滿足我們視覺上的效果，因此本節(jié)學(xué)習(xí) ListView 如何才能響應(yīng)用戶的點擊事件
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)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Android Fragment中使用SurfaceView切換時閃一下黑屏的解決辦法
本篇文章主要給大家分享Android Fragment中使用SurfaceView切換時閃一下黑屏的解決辦法，需要的朋友可以參考下2015-09-09
這篇文章主要介紹了Android編程實用技術(shù),實例匯總了開機啟動receiver、service使用、AlarmManager發(fā)送廣播及停止AlarmManager等相關(guān)技巧,需要的朋友可以參考下2016-01-01
現(xiàn)在很多應(yīng)用都使用到懸浮窗，例如微信在視頻的時候，點擊Home鍵，視頻小窗口仍然會在屏幕上顯示。下面小編來實現(xiàn)一下android 懸浮窗，感興趣的朋友跟隨小編一起看看吧2019-10-10
android實現(xiàn)用戶體驗超棒的微信WebView進(jìn)度條
本篇文章主要介紹了android實現(xiàn)用戶體驗超棒的微信WebView進(jìn)度條，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
解決Android Studio突然不顯示logcat日志的問題
這篇文章主要介紹了解決Android Studio突然不顯示logcat日志的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-04-04
本文主要講解了如何將自己的android項目上傳至github，相信大家平時在開發(fā)過程中為了避免重復(fù)造輪子會經(jīng)常逛一下github查看有沒有與需求類似的開源項目，那么github上面的開源項目是如何上傳至github上的呢？2018-05-05
Android 中使用 dlib+opencv 實現(xiàn)動態(tài)人臉檢測功能
完成 Android 相機預(yù)覽功能以后，在此基礎(chǔ)上我使用 dlib 與 opencv 庫做了一個關(guān)于人臉檢測的 demo。接下來通過本文給大家介紹Android 中使用 dlib+opencv 實現(xiàn)動態(tài)人臉檢測功能 ,需要的朋友可以參考下2018-11-11
今天給大家介紹Android編譯期注解sdk的步驟以及注意事項，并簡要分析了運行時注解以及字節(jié)碼技術(shù)在生成代碼上與編譯期注解的不同與優(yōu)劣，感興趣的朋友一起看看吧2021-07-07
Android打開GPS導(dǎo)航并獲取位置信息返回null解決方案
最近在做一個 Android 項目，需要用到GPS獲取位置信息，從 API 查了一下，發(fā)現(xiàn)獲取位置信息僅需極其簡單的一句即可getLastKnownLocation(LocationManager.GPS_PROVIDER)郁悶的是一直為null，于是搜集整理下，曬出來與大家分享2013-01-01
Android實現(xiàn)點擊WebView界面中圖片滑動瀏覽與保存圖片功能
大家在日常使用spp流量文章的時候經(jīng)常會遇到這樣的一個功能，點擊文章的圖片進(jìn)入圖片的瀏覽模式，可以左右滑動圖片瀏覽，并且可以實現(xiàn)保存圖片的功能，所以本文主要就介紹了在Android如何實現(xiàn)點擊WebView界面中圖片滑動瀏覽與保存圖片功能，需要的朋友可以參考下。2017-04-04