Kotlin Android 应用程序的回收器视图中的图像下方未显示文本

Question

我在 Android Studio 中创建了一个用 Kotlin 编写的 Android 应用程序。其中一页显示了自行车的概述，其名称如下。它在 Android Studio 中就像一个魅力，我在所有模拟器中测试过它，甚至在大多数用户的生产环境中。然而，我收到了一个只看到图像而不是下面的文字的人的评论。

代码看起来非常简单：

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

        val myDataset = Datasource().loadBikes()
        val recyclerView = findViewById<RecyclerView>(R.id.recycler_view)
        recyclerView.adapter = ItemAdapter(this, myDataset)
        recyclerView.setHasFixedSize(true)
    }

然后模型创建一个空类：

class Bikes(@StringRes val stringResourceId: Int, @DrawableRes val imageResourceId: Int) { }

数据源然后创建自行车列表：

class Datasource {

    fun loadBikes(): List<Bikes> {
        return listOf(
            Bikes(R.string.bike11, R.drawable.bike11),
            Bikes(R.string.bike1, R.drawable.bike1),
            .....

适配器将它们粘合在一起：

class ItemAdapter(private val context: Context, private val dataset: List<Bikes>) : RecyclerView.Adapter<ItemAdapter.ItemViewHolder>() {
    class ItemViewHolder(private val view: View) : RecyclerView.ViewHolder(view) {
        val textView: TextView = view.findViewById(R.id.item_title)
        val imageView: ImageView = view.findViewById(R.id.item_image)
    }

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ItemViewHolder {
        val adapterLayout = LayoutInflater.from(parent.context).inflate(R.layout.list_item, parent, false)
        return ItemViewHolder(adapterLayout)
    }

    override fun onBindViewHolder(holder: ItemViewHolder, position: Int) {
        val item = dataset[position]
        holder.textView.text = context.resources.getString(item.stringResourceId)
        holder.imageView.setImageResource(item.imageResourceId)
    }

    override fun getItemCount() = dataset.size

活动布局甚至定义了文本颜色：

<androidx.recyclerview.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/header_text"
        android:textColor="@color/black"
        android:adjustViewBounds="true"
        android:scrollbars="vertical"
        app:layoutManager="LinearLayoutManager" />

list_item 具有以下内容：

<?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"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="20dp">

    <ImageView
        android:id="@+id/item_image"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:importantForAccessibility="no"
        android:scaleType="centerCrop"
        android:adjustViewBounds="true"
        app:layout_constrainedHeight="true"
        app:layout_constraintHeight_max="0dp"
        app:layout_constraintVertical_bias="0" />

    <TextView
        android:id="@+id/item_title"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="10dp"
        android:textAppearance="?attr/textAppearanceHeadline6" />

</LinearLayout>

在应用程序中，它几乎对每个人都显示得很好：

但是对于投诉的客户来说，缺少文字：

唯一明显不同的是文本字体，但我想他也会在不同的应用程序中遇到其他问题。他使用的是华为 Android 手机。

有什么想法吗？

Answer 1

您需要更改一些内容，因为文本视图高度需要为

wrap_content

而不是

match_parent

，有时由于

textSize

和

textColor

，文本视图可能无法显示可见或创建问题以在某些手机中显示您的情况，因为从操作系统和主题的颜色中选择前缀文本大小。

以下是示例供您参考。

<?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"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="20dp">

<ImageView
    android:id="@+id/item_image"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:importantForAccessibility="no"
    android:scaleType="centerCrop"
    android:adjustViewBounds="true"
    app:layout_constrainedHeight="true"
    app:layout_constraintHeight_max="0dp"
    app:layout_constraintVertical_bias="0" />

<TextView
    android:id="@+id/item_title"
    android:layout_width="match_parent"
    android:textSize="32sp"
    android:textColor="@color/black"
    android:layout_height="wrap_content"
    android:padding="10dp"
    android:textAppearance="?attr/textAppearanceHeadline6" />

</LinearLayout>