Android入門教程之ListView的具體使用詳解
ListView 的簡單用法
在佈局中加入 ListView 控件還算簡單,先為 ListView 指定一個 id,然後將寬度和高度都設置為 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 } }
先將數據準備好,然後借助適配器將數據傳遞給 ListView。ArrayAdapter 是 Android 提供的一種適配器的實現類,可以通過泛型來指定要適配的數據類型,然後在構造函數中把要適配的數據傳入。在 ArrayAdapter 的構造函數中依次傳入 Activity 的實例、ListView 子項佈局的 id、數據源,這裡我們使用瞭 android.R.layout.simple_list_item_1 作為 ListView 子項佈局的 id,這是一個 Android 內置的佈局文件,裡面隻有一個 TextView,可用於簡單地顯式一段文本。最後,調用 ListView 的 setAdapter() 方法,將構建好的適配器對象傳遞進去,這樣 ListView 和數據之間的關聯就建立完成瞭
定制 ListView 的界面
隻能顯示一段文本的 ListView 實在太單調瞭,我們現在希望定制 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 來為這個子項加載我們傳入的佈局,再調用 View 的 findViewById() 方法分別獲取 ImageView 和 TextView,然後通過 getItem() 方法得到當前項的 Fruit 實例,設置顯示的圖片和文字,最後將佈局返回
最後修改 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 參數,這個參數用於將之前加載好的佈局進行緩存,以便之後進行重用,我們可以借助這個參數進行性能優化
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() 方法中進行瞭判斷:如果 convertView 為 null,則使用 LayoutInflater 去加載佈局;如果不為 null,則直接對 convertView 進行重用
目前代碼還可以繼續優化,每次在 getView() 方法中仍然會調用 View 的 findViewById 方法去獲取一次控件的實例,我們可以借助一個 ViewHolder 來對這部分性能進行優化,修改 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 } }
我們新增一個內部類 ViewHolder,用於對 ImageView 和 TextView 的控件實例進行緩存。當 convertView 為 null 時,創建一個 ViewHolder 對象,並將控件的實例存放在 ViewHolder 裡,然後調用 View 的 setTag() 方法,將 ViewHolder 對象存儲在 View 中
ListView 的點擊事件
ListView 的滾動畢竟隻是滿足我們視覺上的效果,因此本節學習 ListView 如何才能響應用戶的點擊事件
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() } } }
到此這篇關於Android入門教程之ListView的具體使用詳解的文章就介紹到這瞭,更多相關Android ListView內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- Android入門教程之RecyclerView的具體使用詳解
- Android滾動菜單ListView實例詳解
- Android ListView仿微信聊天界面
- Android入門之實現自定義可復用的BaseAdapter
- Java ArrayAdapter用法案例詳解