Question

我有一个RecyclerView（它实际上是一个聊天）。用户可以发送图像和文本。问题是当我滚动它时感觉很迟钝，因为正在加载图像（如果我往下走，毕加索需要花费很多时间才能重新恢复图像）。我正在使用这行代码来完成它。

 Picasso.with(itemView.getContext())
                    .load(((ChatMediaMessage) message).getUrl())
                    .into(imageView);

如果我使用调整大小选项根本没有延迟，但图像显然会失去图像比率。

Picasso.with(itemView.getContext())
                    .load(((ChatMediaMessage) message).getUrl())
                    .resize(400, 400)
                    .into(imageView);

ViewHolder的布局如下所示：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:layout_marginBottom="8dp"
    android:layout_marginLeft="16dp"
    android:layout_marginRight="16dp"
    android:layout_marginTop="8dp">

    <com.stfalcon.chatkit.utils.ShapeImageView
        android:id="@id/messageUserAvatar"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_alignParentBottom="true"
        android:layout_marginRight="8dp" />

    <com.google.android.flexbox.FlexboxLayout
        android:id="@id/bubble"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="@dimen/message_incoming_bubble_margin_right"
        android:layout_toRightOf="@id/messageUserAvatar"
        android:orientation="vertical"
        app:alignContent="stretch"
        app:alignItems="stretch"
        app:flexWrap="wrap"
        app:justifyContent="flex_end">

        <ImageView
            android:id="@+id/image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:scaleType="centerInside" />

        <TextView
            android:id="@id/messageText"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <TextView
            android:id="@id/messageTime"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/messageText"
            android:layout_marginLeft="8dp"
            app:layout_alignSelf="center" />

    </com.google.android.flexbox.FlexboxLayout>

</RelativeLayout>

Answer 1

不要将adjustViewBounds用于动态加载的图像，因为它会在每个图像完成加载后触发完全重新布局。请将固定尺寸设置为ImageView，如果要保留纵横比，请使用centerInside缩放模式;如果您想裁剪图像，请使用centerCrop。此提示适用于任何图像库。

此外，当ImageView具有固定大小时，Picasso或Glide允许您自动调整图像大小，从而减少内存使用并提高性能。对于 Picasso ，请使用：

Picasso.with(itemView.getContext())
                    .load(((ChatMediaMessage) message).getUrl())
                    .fit()
                    .centerCrop()
                    .into(imageView);

您也可以使用centerInside()代替centerCrop()。

Glide有一个类似的API。它将提供比Picasso更好的性能，因为它将调整大小的图像缓存到磁盘，而Picasso只将全尺寸图像缓存到磁盘，并且每次从磁盘加载时都必须调整它们的大小。

Answer 2

你试过Glide吗？试试看。只需在依赖项上添加库，只替换Picasso单词。

你的图像尺寸是否更大，比如2Mb以上？尝试调整大小或优化图像，然后再将其上传到任何地方。

你的图片是JPG吗？你可以使用RIOT http://luci.criosweb.ro/riot/ 优化你的JPG / PNG。

或者建议将JPG图像转换为WebP。 Android Studio有内置的转换器可供试用。 WebP的加载速度越来越快。

RecyclerView中的图像感觉很迟钝（使用Picasso）

2 个答案: