目录ListView 的简单用法定制 ListView 的界面提升 ListView 的运行效率ListView 的点击事件ListView 的简单用法在布局中加入 ListView 控件还算简单,先为 ListView 指定一个 id,然后将宽度和高度都设置为 match_parent,这样 ListView 就占满了整个布局的空间
接下来修改 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
定制 ListView 的界面只能显示一段文本的 ListView 实在太单调了,我们现在希望定制 ListView 的界面,让它能显示文本和图片在需要 ListView 的子项指定一个我们自定义的布局,在 layout 目录下新建 fruit_item.xml
定义一个实体类,作为 ListView 适配器的适配类型class FruitAdapter(activity: Activity, val resourceId: Int, data: List
@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
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
@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
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
...
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
您可能感兴趣的文章:Android notifyDataSetChanged() 动态更新ListView案例详解Android使用ExpandableListView实现三层嵌套折叠菜单Android入门教程之Fragment的具体使用详解AndroidX下使用Activity和Fragment的变化详解Android使用ViewPager快速切换Fragment时卡顿的优化方案Android Studio使用ViewPager+Fragment实现滑动菜单Tab效果Android ListView在Fragment中的使用示例详解
