RecyclerView 中的图像

Question

我在 Android 中使用 RecyclerView，但我在处理图像时遇到了一些问题。

我想显示特定文件夹中的图像列表及其路径名。

这是我的row.xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

        <TextView
            android:id="@+id/my_text_view"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:text="test" />

        <ImageView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true" />

</LinearLayout>

在我的适配器中，我使用这段代码来设置一行的图像：

@Override
public void onBindViewHolder(ViewHolder holder, int position) {
    holder.mTextView.setText(mDataset[position]);
    holder.mImageView.setImageURI(Uri.parse("file://" + mMediaStorageDir.getPath() + "/" + mDataset[position]));
}

图片加载正常，但是当我向下滚动整个应用时变得非常慢。

当我加载一个小的可绘制对象时，这不会发生。是不是图片太大了？

Answer 1

是的。我觉得它太大了。

您需要首先加载您的图像（跟踪空闲内存），然后使用他。

不一定要用毕加索。 但你可以使用它。

我建议你阅读

• Loading Large Bitmaps Efficiently
• Displaying Bitmaps Efficiently
• Caching Bitmaps

还有例子：

ItemData.java

package com.shustikov.android;

public class ItemData {

    private String title;
    private int imageUrl;

    public ItemData(String title,int imageUrl){

        this.title = title;
        this.imageUrl = imageUrl;
    }

    public String getTitle() {
        return title;
    }

    public int getImageUrl() {
       return imageUrl;
    }
}

RecyclerViewExampleAdapter.java

package com.shustikov.android;

import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

public class RecyclerViewExampleAdapter extends RecyclerView.Adapter<RecyclerViewExampleAdapter.ViewHolder> {
    private ItemData[] itemsData;

    public RecyclerViewExampleAdapter(ItemData[] itemsData) {
        this.itemsData = itemsData;
    }

    @Override
    public RecyclerViewExampleAdapter.ViewHolder onCreateViewHolder(ViewGroup parent,
                                                   int viewType) {
        View itemLayoutView = LayoutInflater.from(parent.getContext())
                               .inflate(R.layout.item_layout, null);

        ViewHolder viewHolder = new ViewHolder(itemLayoutView);
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(ViewHolder viewHolder, int position) {

        viewHolder.txtViewTitle.setText(itemsData[position].getTitle());
        viewHolder.imgViewIcon.setImageResource(itemsData[position].getImageUrl());
     }

    public static class ViewHolder extends RecyclerView.ViewHolder {

        public TextView txtViewTitle;
        public ImageView imgViewIcon;

        public ViewHolder(View itemLayoutView) {
            super(itemLayoutView);
            txtViewTitle = (TextView) itemLayoutView.findViewById(R.id.item_title);
            imgViewIcon = (ImageView) itemLayoutView.findViewById(R.id.item_icon);
        }
    }


    @Override
    public int getItemCount() {
        return itemsData.length;
    }
}

Answer 2

您正在 UI 线程上加载图像，这就是问题所在。从磁盘或网络加载文件需要一些时间。您可以实现相同的目标，但使用 Picasso 库。请参考here。

Answer 3

在显示片段之前使用缓存方法和加载图像需要时间来塑造代码。一个简单的方法是使用毕加索图书馆。我自己使用过毕加索，现在滚动时图像加载速度非常快。

这是我的代码：

public void bindPhoto(Photo photo) {
    mPhoto = photo;
    mPhotoFile=PhotoLab.get(getActivity()).getPhotoFile(mPhoto);
    Uri uri=Uri.fromFile(mPhotoFile);

    if(mPhotoFile==null || !mPhotoFile.exists()){
        int imgdrawable=R.drawable.ic_action_name3;
        mThumbnail.setImageDrawable(getResources().getDrawable(imgdrawable));
    } else {
        Picasso.with(getActivity()).load(uri).fit().into(mThumbnail);
    }


    mTitleTextView.setText(mPhoto.getTitle());
    String dateFormat = "EEE, MMM dd";
    dateString = DateFormat.format(dateFormat, mPhoto.getDate()).toString();
    mDateTextView.setText(dateString);
}

Answer 4

如果您的主 Activity（调用适配器的位置）中有一个包含图像 Uri 的数据列表，例如 MainActivity.java

contacts.add(new Data(R.drawable.ic_launcher_foreground, "Usama Zafar" , 400));

。 . .

然后在您的适配器中 (MainAdapter.java)

在 onBindViewHolder() 方法中你可以写成

@Override
public void onBindViewHolder(@NonNull MainAdapter.MyViewHolder holder, final int 
position) {

    final Data currentItem =ls.get(position);
    
    holder.img.setImageDrawable(c.getDrawable(currentItem.getImage()));
    holder.name.setText(currentItem.getName());
    holder.amount.setText(currentItem.getAmount());
}