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

Posted 2023-05-07

【中文标题】如何在 RecyclerView 中顺利加载媒体元数据

【英文标题】：How to load Media Metadata Smoothly in a 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
                        

【参考方案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