Android开发,使用Kotlin编程,使用了RecyclerView,以下是ImageTextAdapter,代码如下: package com.example.activitytest import android.view.LayoutInflater import android.view.View import android.view.ViewGroup import android.widget.ImageView import android.widget.TextView import androidx.recyclerview.widget.RecyclerView
class ImageTextAdapter(private val items: List<Item>) : RecyclerView.Adapter<ImageTextAdapter.ViewHolder>() {
data class Item(val imageResId: Int, val text: String)
class ViewHolder(view: View) : RecyclerView.ViewHolder(view) {
val imageView: ImageView = view.findViewById(R.id.imageView4)
val textView: TextView = view.findViewById(R.id.textView4)
}
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
val view = LayoutInflater.from(parent.context)
.inflate(R.layout.item_image_text, parent, false) //加载布局item_image_text.xml
return ViewHolder(view)
}
override fun onBindViewHolder(holder: ViewHolder, position: Int) {
val item = items[position]
holder.imageView.setImageResource(item.imageResId)
holder.textView.text = item.text
}
override fun getItemCount() = items.size
}
以下是item_image_text.xml代码:
<?xml version="1.0" encoding="utf-8"?> <!-- res/layout/item_image_text.xml --><androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="8dp">
<ImageView
android:id="@+id/imageView4"
android:layout_width="50dp"
android:layout_height="50dp"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toStartOf="@+id/textView4"
android:scaleType="centerCrop" />
<TextView
android:id="@+id/textView4"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:background="@color/teal_200"
android:paddingStart="8dp"
android:paddingEnd="8dp"
android:textSize="16sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@id/imageView4"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
请分别在图片和外层布局上添加注册点击事件,点击图片时,弹出图片的文字描述的Toast;点击外层布局时,弹出“这是外层布局:”+图片的文字描述的Toast。
要在图片和外层布局上添加点击事件,可以在 onBindViewHolder
方法中为 ImageView
和外层布局(即 itemView
)设置点击监听器。以下是修改后的 ImageTextAdapter
代码:
package com.example.activitytest
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.ImageView
import android.widget.TextView
import android.widget.Toast
import androidx.recyclerview.widget.RecyclerView
class ImageTextAdapter(private val items: List<Item>) : RecyclerView.Adapter<ImageTextAdapter.ViewHolder>() {
data class Item(val imageResId: Int, val text: String)
class ViewHolder(view: View) : RecyclerView.ViewHolder(view) {
val imageView: ImageView = view.findViewById(R.id.imageView4)
val textView: TextView = view.findViewById(R.id.textView4)
}
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
val view = LayoutInflater.from(parent.context)
.inflate(R.layout.item_image_text, parent, false) //加载布局item_image_text.xml
return ViewHolder(view)
}
override fun onBindViewHolder(holder: ViewHolder, position: Int) {
val item = items[position]
holder.imageView.setImageResource(item.imageResId)
holder.textView.text = item.text
// 设置图片点击事件
holder.imageView.setOnClickListener {
Toast.makeText(holder.itemView.context, item.text, Toast.LENGTH_SHORT).show()
}
// 设置外层布局点击事件
holder.itemView.setOnClickListener {
Toast.makeText(holder.itemView.context, "这是外层布局:" + item.text, Toast.LENGTH_SHORT).show()
}
}
override fun getItemCount() = items.size
}
在这个代码中,我们在 onBindViewHolder
方法中为 ImageView
和 itemView
设置了点击监听器:
holder.imageView.setOnClickListener
:当点击图片时,会弹出一个 Toast
,显示图片的文字描述。holder.itemView.setOnClickListener
:当点击外层布局时,会弹出一个 Toast
,显示“这是外层布局:”加上图片的文字描述。这样就实现了在图片和外层布局上分别注册点击事件,并在点击时弹出相应的 Toast
。