android - 如何在 RecyclerView 中顺利加载媒体元数据

Question

我有一个 Music 类需要将其封面作为位图返回，以便在 RecylerView 上使用它。我在类中使用 AsyncTask 内部类来执行检索，但是，一旦从封面艺术创建列表，我的应用程序就会卡住。请参阅下面的 Music.java 代码:

public class Music {
    private static final String LOG_TAG = Music.class.getSimpleName();
    private String mId;
    private String mTitle;
    private String mUrl;
    private Bitmap mCoverArt;

    public Music(String id, String title, String url) {
        mId = id;
        mTitle = title;
        mUrl = url;
        mCoverArt = null; //Initialize with null
    }

    String getId() {
        return mId;
    }

    String getTitle() {
        return mTitle;
    }

    String getUrl() {
        return mUrl;
    }

    Bitmap getCoverArt() {
        if(mCoverArt != null) {
            return mCoverArt;
        }
        else {
            Bitmap bmp = null;
            try {
                bmp = new GetCoverArt().execute(mUrl).get();
            } catch (InterruptedException e) {
                Log.e(LOG_TAG, "InterruptedException: " + e.getMessage());
            } catch (ExecutionException e) {
                Log.e(LOG_TAG, "ExecutionException: " + e.getMessage());
            }
            return bmp;

        }
    }
    public void setCoverArt(Bitmap bmp) { mCoverArt = bmp; }

    private static class GetCoverArt extends AsyncTask<String, Void, Bitmap> {
        @Override
        protected Bitmap doInBackground(String... paths) {
            MediaMetadataRetriever mmr = new MediaMetadataRetriever();
            mmr.setDataSource(paths[0], new HashMap<String,String>());
            byte[] picData = mmr.getEmbeddedPicture();
            return BitmapFactory.decodeByteArray(picData, 0, picData.length);
        }
    }
}

我通过这种方式在我的 RecyclerView 的 onBindViewHolder 中调用 getCoverArt():

@Override
public void onBindViewHolder(ViewHolder holder, int position) {
    Music song = mDataset.get(position);
    Bitmap songCoverArt = song.getCoverArt();
    String songTitle = song.getTitle();
    String songId = song.getId();
    String songUrl = song.getUrl();

    if(songCoverArt != null) {
        Glide.with(mContext).load(songCoverArt).into(holder.coverArt);
    }
    else {
        holder.coverArt.setImageResource(R.drawable.coverart_fallback);
    }
    Bitmap bmp = song.getCoverArt();
    if(bmp != null) {
        Glide.with(mContext).load(bmp).into(holder.coverArt);
    }
    else {
        Glide.with(mContext).load(R.drawable.coverart_fallback).into(holder.coverArt);
    }

我不明白为什么 AsyncTask 中的 doInBackground 可能会导致 UI 线程卡住。我以为这一切都在后台运行，但似乎我的 RecyclerView 正在等待它完成工作，然后才能使用返回的值。目前，作为一个糟糕的解决方法，当我构造 Music 对象并将它们添加到 ArrayList 时，我正在主 Activity 的另一个 AsyncTask 中进行此类处理以及其他网络操作:

 for( int j = 0 ; j < songs.length() ; j++) {
                            JSONObject song = songs.getJSONObject(j); //get song at index j
                            String songId = song.getString( getString(R.string.json_song_id) );
                            String title = song.getString( getString(R.string.json_song_title));
                            String path = song.getString( getString(R.string.json_filepath) );
                            //Create a temp Music object to extract Music info
                            Music songObj = new Music(songId, title, path);
                            Bitmap bmp = createCoverArtBmp(path);
                            songObj.setCoverArt(bmp);
                            mMusicTrackArray.add(songObj); //Add the music object into array
                        }

Answer 1

您不需要将其从 url 转换为位图来显示图像。只需将图片 url 传递给 Glide，它就会为您加载它。

通过在 getCoverArt() 中调用位图制作，您并不是在异步执行它，而是在等待任务完成，结果卡住了您的 View 。在这里查看如何使用带有 url 的 Glide:https://github.com/bumptech/glide#how-do-i-use-glide