如何处理 RecyclerView 中的可变高度图像？

Posted 2023-04-18

【中文标题】如何处理 RecyclerView 中的可变高度图像？

【英文标题】：How to handle variable height image in RecyclerView?

【发布时间】：2019-09-10 01:40:52

【问题描述】：

我正在制作一个聊天应用程序。为此，如果消息是图像类型，我想包装高度并固定宽度。但问题是，由于图像需要一些时间来加载，所以在加载图像之前聊天消息会发生变化，因此会有一个混蛋。我该如何处理？

<android.support.constraint.ConstraintLayout
    android:id="@+id/parent_layout"
    android:layout_
    android:layout_
    android:background="@drawable/send_message_box"
    android:maxWidth="228dp">

    <android.support.v7.widget.AppCompatImageView
            android:id="@+id/iv_message"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintBottom_toBottomOf="parent"
            android:layout_
            android:layout_
            android:scaleType="fitCenter"
            android:adjustViewBounds="true"
            android:padding="11dp"
            android:visibility="gone" />
</android.support.constraint.ConstraintLayout>

这是我正在使用的图像布局。

【参考方案1】：

您可以固定高度并显示占位符图像，直到图像被加载。您可以获得使用 Picasso 显示占位符图像（直到图像被加载）的功能，请查看此https://square.github.io/picasso/

【讨论】：

是的，但也不会像图像一样具有确切的高度

【参考方案2】：

您可以在下载图片时使用默认图片设置初始高度。图片下载后，如果设置高度为wrap_content，则取图片的高度。因此，您需要修改您的ImageView，如下所示。

<ImageView
    android:id="@+id/iv_message"
    android:layout_
    android:layout_
    android:adjustViewBounds="true"
    android:scaleType="fitCenter"
    android:src="@mipmap/ic_image_loader_placeholder" />

请根据您的要求修改ImageView。

您还可以查看Github project，我在其中实现了类似的想法。我不得不调用 Flickr 的 API 并将图像加载到 RecyclerView。希望对您有所帮助！

【讨论】：

但是占位符也不能和占位符的高度相同。我的意思是图像高度可能变化太大

是的，我明白了。但是，如果您在图像完全加载时使用合理大小的占位符，这看起来还不错。我指的是 Github 项目，你可以在安装应用程序后查看。