将可绘制图像添加到 RecyclerView
Adding Drawable Images to RecyclerView
我正在尝试将可绘制图像添加到我的菜单 RecyclerView
,但是当我 运行 应用程序时,图像没有显示。我是否需要将模型 class 中的 menuImage
设置为 Int 以便它知道图像需要进入哪个位置?还是在将其添加到数组时需要更改语法?或者我需要 setImageDrawable
我的 menuImage
在我的 MenuAdapter
上吗?谢谢!
我的最终结果
我有什么
menu_item.xml
<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.card.MaterialCardView 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="50dp">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/iconImageButton"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_marginStart="16dp"
android:background="@drawable/circle_shape"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:ignore="TouchTargetSizeCheck,SpeakableTextPresentCheck" />
<ImageView
android:id="@+id/iconImageView"
android:layout_width="15dp"
android:layout_height="15dp"
android:elevation="10dp"
app:layout_constraintBottom_toBottomOf="@+id/iconImageButton"
app:layout_constraintEnd_toEndOf="@+id/iconImageButton"
app:layout_constraintStart_toStartOf="@+id/iconImageButton"
app:layout_constraintTop_toTopOf="@+id/iconImageButton"
app:srcCompat="@drawable/profile_photo_"
android:contentDescription="@string/string_menu_icon_image" />
<TextView
android:id="@+id/menuLabelTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:text="@string/menu_label"
android:textAllCaps="false"
android:textColor="@color/black"
android:textSize="16sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@+id/iconImageButton"
app:layout_constraintTop_toTopOf="parent" />
<ImageView
android:id="@+id/menuArrowImageView"
android:layout_width="15dp"
android:layout_height="15dp"
android:layout_marginEnd="16dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/right_chevron_"
android:contentDescription="@string/menu_arrow" />
</androidx.constraintlayout.widget.ConstraintLayout>
</com.google.android.material.card.MaterialCardView>
MenuItem.kt
class MenuItem(val menuName: String = "", val menuImage: String = "")
MenuAdapter.kt
class MenuAdapter(var context: Context, var list: ArrayList<MenuItem>) : RecyclerView.Adapter<MenuAdapter.MyViewHolder>() {
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder {
val v = LayoutInflater.from(parent?.context).inflate(R.layout.menu_item, parent, false)
return MyViewHolder(v)
}
override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
holder?.bindItems(list[position])
}
override fun getItemCount(): Int {
return list.size
}
class MyViewHolder(view: View) : RecyclerView.ViewHolder(view){
fun bindItems(items: MenuItem) {
val menuName = itemView.findViewById<TextView>(R.id.menuLabelTextView)
val menuImage = itemView.findViewById<ImageView>(R.id.iconImageView)
menuName.text = items.menuName
Picasso.get().load(items.menuImage).into(menuImage)
}
}
}
MenuActivity.kt
lateinit var menuAdapter: MenuAdapter
val menuList = ArrayList<MenuItem>()
private fun createMenu() {
menuAdapter = MenuAdapter(this, menuList)
val menuRecycleView = findViewById<RecyclerView>(R.id.menuRecyclerView)
menuRecycleView.apply {
layoutManager = LinearLayoutManager(this@MenuActivity, LinearLayoutManager.VERTICAL, false)
adapter = menuAdapter
setHasFixedSize(true)
}
menuList.add(MenuItem("My Profile", "${R.drawable.outline_person_}"))
menuList.add(MenuItem("My Bookings", "${R.drawable.bookings_}"))
menuList.add(MenuItem("Payments", "${R.drawable.payment_}"))
menuList.add(MenuItem("On Going Jobs", "${R.drawable.on_going_jobs_}"))
menuList.add(MenuItem("Settings", "${R.drawable.settings_}"))
}
您正在用 String
调用 load(String)
,即 this method:
Start an image request using the specified path. This is a convenience method for calling load(Uri)
.
This path may be a remote URL, file resource (prefixed with file:
), content resource (prefixed with content:
), or android resource (prefixed with android.resource:
).
您只是将裸资源 ID int 作为字符串传递:
MenuItem("My Profile", "${R.drawable.outline_person_}")
我不知道它具体想要什么,它可能是 "android.resource:${R.drawable.outline_person_}"
(整数),也可能是 "android.resource:R.drawable.outline_person_"
(合格的 ID 名称)——我猜是第一个, 但如果它不起作用,请尝试另一个。
您的另一个选择是使用 load(int)
直接获取实际资源 ID int,因此您将项目定义为 MenuItem("My Profile", R.drawable.outline_person_)
- 这在我看来更好,除非您真的需要它作为string 出于某种原因(并且您不能在需要时将其转换为字符串)。
我不知道使用 app:srcCompat
是否会有问题,但如果您仍然遇到问题,可以尝试 android:src
(顺便说一句,您的日志中应该有一些关于此的错误信息,毕加索的一条消息说“无法加载 URL 1234567 或其他”,请始终检查日志以获取提示!)
我正在尝试将可绘制图像添加到我的菜单 RecyclerView
,但是当我 运行 应用程序时,图像没有显示。我是否需要将模型 class 中的 menuImage
设置为 Int 以便它知道图像需要进入哪个位置?还是在将其添加到数组时需要更改语法?或者我需要 setImageDrawable
我的 menuImage
在我的 MenuAdapter
上吗?谢谢!
我的最终结果
我有什么
menu_item.xml
<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.card.MaterialCardView 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="50dp">
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/iconImageButton"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_marginStart="16dp"
android:background="@drawable/circle_shape"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:ignore="TouchTargetSizeCheck,SpeakableTextPresentCheck" />
<ImageView
android:id="@+id/iconImageView"
android:layout_width="15dp"
android:layout_height="15dp"
android:elevation="10dp"
app:layout_constraintBottom_toBottomOf="@+id/iconImageButton"
app:layout_constraintEnd_toEndOf="@+id/iconImageButton"
app:layout_constraintStart_toStartOf="@+id/iconImageButton"
app:layout_constraintTop_toTopOf="@+id/iconImageButton"
app:srcCompat="@drawable/profile_photo_"
android:contentDescription="@string/string_menu_icon_image" />
<TextView
android:id="@+id/menuLabelTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:text="@string/menu_label"
android:textAllCaps="false"
android:textColor="@color/black"
android:textSize="16sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toEndOf="@+id/iconImageButton"
app:layout_constraintTop_toTopOf="parent" />
<ImageView
android:id="@+id/menuArrowImageView"
android:layout_width="15dp"
android:layout_height="15dp"
android:layout_marginEnd="16dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/right_chevron_"
android:contentDescription="@string/menu_arrow" />
</androidx.constraintlayout.widget.ConstraintLayout>
</com.google.android.material.card.MaterialCardView>
MenuItem.kt
class MenuItem(val menuName: String = "", val menuImage: String = "")
MenuAdapter.kt
class MenuAdapter(var context: Context, var list: ArrayList<MenuItem>) : RecyclerView.Adapter<MenuAdapter.MyViewHolder>() {
override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyViewHolder {
val v = LayoutInflater.from(parent?.context).inflate(R.layout.menu_item, parent, false)
return MyViewHolder(v)
}
override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
holder?.bindItems(list[position])
}
override fun getItemCount(): Int {
return list.size
}
class MyViewHolder(view: View) : RecyclerView.ViewHolder(view){
fun bindItems(items: MenuItem) {
val menuName = itemView.findViewById<TextView>(R.id.menuLabelTextView)
val menuImage = itemView.findViewById<ImageView>(R.id.iconImageView)
menuName.text = items.menuName
Picasso.get().load(items.menuImage).into(menuImage)
}
}
}
MenuActivity.kt
lateinit var menuAdapter: MenuAdapter
val menuList = ArrayList<MenuItem>()
private fun createMenu() {
menuAdapter = MenuAdapter(this, menuList)
val menuRecycleView = findViewById<RecyclerView>(R.id.menuRecyclerView)
menuRecycleView.apply {
layoutManager = LinearLayoutManager(this@MenuActivity, LinearLayoutManager.VERTICAL, false)
adapter = menuAdapter
setHasFixedSize(true)
}
menuList.add(MenuItem("My Profile", "${R.drawable.outline_person_}"))
menuList.add(MenuItem("My Bookings", "${R.drawable.bookings_}"))
menuList.add(MenuItem("Payments", "${R.drawable.payment_}"))
menuList.add(MenuItem("On Going Jobs", "${R.drawable.on_going_jobs_}"))
menuList.add(MenuItem("Settings", "${R.drawable.settings_}"))
}
您正在用 String
调用 load(String)
,即 this method:
Start an image request using the specified path. This is a convenience method for calling
load(Uri)
. This path may be a remote URL, file resource (prefixed withfile:
), content resource (prefixed withcontent:
), or android resource (prefixed withandroid.resource:
).
您只是将裸资源 ID int 作为字符串传递:
MenuItem("My Profile", "${R.drawable.outline_person_}")
我不知道它具体想要什么,它可能是 "android.resource:${R.drawable.outline_person_}"
(整数),也可能是 "android.resource:R.drawable.outline_person_"
(合格的 ID 名称)——我猜是第一个, 但如果它不起作用,请尝试另一个。
您的另一个选择是使用 load(int)
直接获取实际资源 ID int,因此您将项目定义为 MenuItem("My Profile", R.drawable.outline_person_)
- 这在我看来更好,除非您真的需要它作为string 出于某种原因(并且您不能在需要时将其转换为字符串)。
我不知道使用 app:srcCompat
是否会有问题,但如果您仍然遇到问题,可以尝试 android:src
(顺便说一句,您的日志中应该有一些关于此的错误信息,毕加索的一条消息说“无法加载 URL 1234567 或其他”,请始终检查日志以获取提示!)