【问题标题】:How to load Media Metadata Smoothly in a RecyclerView如何在 RecyclerView 中顺利加载媒体元数据
【发布时间】:2018-05-18 21:50:03
【问题描述】:

我有一个 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);
        }
    }
}

我在 onBindViewHolder 中为我的 RecyclerView 调用 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 时,我正在主活动中的另一个 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
                        }

【问题讨论】:

    标签: android android-asynctask android-recyclerview


    【解决方案1】:

    您无需将其从 url 转换为位图即可显示图像。只需将图像 url 传递给Glide,它就会为您加载它。

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

    【讨论】:

    • 我没有图片网址。我只有 mp3 文件的 url :(
    • 哦,好吧。在这种情况下,您可以做的是将异步移动到您的回收站 bindviewholder 中。将 imageview 引用传递给异步任务。然后执行异步任务,并在您的 postExecute 方法中借助 Glide 将位图设置为 imageview。
    • 这样做可以让您在后台为回收站中的每张图片设置异步任务,并且一旦下载专辑封面,就会在回收站中进行设置
    • 这似乎是个好主意。你的意思是我在 Music.java 中创建一个包含对 ImageView 的引用的字段,然后在 onPostExecute() 中设置它?
    • 不是在 Music.java 中而是在 GetCoverArt 中,在其构造函数中将引用传递给 imageview 并将该引用本地存储在 GetCoverArt 中。然后在 onPostExecute 中使用这个引用。
    【解决方案2】:

    @Umar Hussain 传递 url 是正确的,但 Glide 也可以使用本地文件或 URI 这样做在以下内容中有所介绍:

    Glide load local image by Uri.

    使用本地文件(我建议保存到缓存中)的好处是您不必传递庞大的位图。内存不足异常让开发人员感到难过。

    我注意到你也在使用 if 语句的后备,但 Glide 有一个占位符方法

    Glide.with(getContext())
                        .load(some_bitmap_file_url_or_drawable)
                        .placeholder(some_placeholder_drawable)
                        .into(view_you_want_it_to_appear);
    

    这应该在加载时转换为您想要的图像,如果没有,则提供后备

    【讨论】:

    • 应用中似乎应该有一个 Glide 模块,然后我们可以使用 GlideApp.load().placeholder() 生成的 API。 Glide.load.placeholder 不起作用。
    • 你必须将 Glide 依赖添加到你的 build.gradle 文件Glide github
    猜你喜欢
    • 2010-11-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多