Android 定制ListView的界面

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ListView
        android:id="@+id/list_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="60dp">

    <ImageView
        android:id="@+id/fruitImage"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="10dp"
        android:layout_width="40dp"
        android:layout_height="40dp"/>

    <TextView
        android:id="@+id/fruitName"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="10dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

class Fruit(val name: String, val imageId: Int)

class FruitAdapter(activity: Activity, private val resourceId: Int, data: List<Fruit>): ArrayAdapter<Fruit>(activity, resourceId, data) {

    override fun getView(position: Int, convertView: View?, parent: ViewGroup): View {
        val view = LayoutInflater.from(context).inflate(resourceId, parent, false)
        val imageView = view.findViewById<ImageView>(R.id.fruitImage)
        val fruitName: TextView = view.findViewById(R.id.fruitName)
        val fruit = getItem(position)
        if (fruit != null) {
            imageView.setImageResource(fruit.imageId)
            fruitName.text = fruit.name
        }
        return view
    }
}

class MainActivity : AppCompatActivity() {

    val fruitList = ArrayList<Fruit>()

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val bind = ActivityMainBinding.inflate(layoutInflater)
        setContentView(bind.root)
        initFruits()
        val fruitAdapter = FruitAdapter(this, R.layout.fruit_item, fruitList)
        bind.listView.adapter = fruitAdapter
    }

    private fun initFruits() {
        repeat(2) {
            fruitList.add(Fruit("apple", R.drawable.fruit))
            fruitList.add(Fruit("pear", R.drawable.fruit))
            fruitList.add(Fruit("banana", R.drawable.fruit))
            fruitList.add(Fruit("orange", R.drawable.fruit))
            fruitList.add(Fruit("peach", R.drawable.fruit))
            fruitList.add(Fruit("nectarine", R.drawable.fruit))
            fruitList.add(Fruit("apricot", R.drawable.fruit))
            fruitList.add(Fruit("plum", R.drawable.fruit))
            fruitList.add(Fruit("prune", R.drawable.fruit))
            fruitList.add(Fruit("persimmon", R.drawable.fruit))
            fruitList.add(Fruit("lemon", R.drawable.fruit))
            fruitList.add(Fruit("grape", R.drawable.fruit))
            fruitList.add(Fruit("watermelon", R.drawable.fruit))
            fruitList.add(Fruit("pineapple", R.drawable.fruit))
            fruitList.add(Fruit("blueberry", R.drawable.fruit))
            fruitList.add(Fruit("strawberry", R.drawable.fruit))
            fruitList.add(Fruit("waxberry", R.drawable.fruit))
            fruitList.add(Fruit("mulberry", R.drawable.fruit))
            fruitList.add(Fruit("cherrytomato", R.drawable.fruit))
        }
    }
}