android - RecyclerView 不会显示图像但会显示文本

Question

我正在使用 Kotlin 制作一个 RecyclerView，它将显示图像和文本。到目前为止，文本应该只是“Textview”，图像应该是 android 自带的图像之一。文本显示“Textview”指定次数但根本不显示图像。

我实际上是在关注 [这个视频]( https://www.youtube.com/watch?v=jS0buQyfJfs&list=PL0dzCUj1L5JGfHj1lwxOq67zAJV3e1S9S&index=2&t=409s ! 并且遇到了问题。

我已经更改了图像的单元格布局以包裹内容，但没有帮助。

适配器

class MainAdapter : RecyclerView.Adapter<CustomViewHolder>() {
    val vidTitles = listOf("Monday", "Tuesday", "Wednesday", "Thursday", "Friday")

    override fun getItemCount(): Int {
        return vidTitles.size
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): CustomViewHolder {
        //create the view for the rows
        val layoutInflater = LayoutInflater.from(parent.context)
        val cellForRow = layoutInflater.inflate(R.layout.video_row, parent, false)
        return CustomViewHolder(cellForRow)
    }

    override fun onBindViewHolder(holder: CustomViewHolder, position: Int) {
        holder?.view?.videoTitleTextView?.text= vidTitles[position]
    }
}

class CustomViewHolder(val view: View): RecyclerView.ViewHolder(view) {

}

RecyclerView 的 Cell 布局

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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="wrap_content">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@color/colorAccent"
        android:contentDescription="avatar image"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        tools:srcCompat="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/videoTitleTextView"
        android:layout_width="0dp"
        android:layout_height="31dp"
        android:text="animals"
        android:textSize="20sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/imageView" />
</androidx.constraintlayout.widget.ConstraintLayout>

主要 Activity

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        //recyclerView_main.setBackgroundColor(Color.CYAN)
        recyclerView_main.layoutManager = LinearLayoutManager(this)
        recyclerView_main.adapter = MainAdapter()
    }
}

我希望它能同时显示图像和文本；它显示文本但不显示任何图像，甚至不为图像留出任何空间。

Answer 1

如下更改 ImageView 。

<ImageView
    android:id="@+id/imageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@color/colorAccent"
    android:contentDescription="avatar image"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintHorizontal_bias="0.0"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    android:src="@mipmap/ic_launcher" />

您使用的是错误的 tools:srcCompat。

同时将 Constraint Layout 的高度更改为 wrap_content。否则，Recyclerview 中的每个项目都将占据整个屏幕高度。

Tools 命名空间用于编译时行为。当您构建应用程序时，此工具功能将被删除。它可以帮助您在编译时预览您的 View 。