Android RecyclerView的卡顿问题的解决方法

RecyclerView为什么会卡

RecyclerView作为v7包的新控件，自从推出就广受Android Developer们欢迎，实际上它已经取代了ListView和GridView两位老前辈的地位。然而不少亲们想必也已经发现了：没有优化过的Recycler性能很poor。上一篇博主使用的item也仅仅是一个图两串字而已，结果一滑动就卡的要命，不能忍！

那么why？回想在用ListView和GridView的adapter时，我们是用一种叫ViewHolder的自定义类（容器）来实现优化的，而RecyclerView的特性之一就是强制你使用它的RecyclerView.ViewHolder。可是，RecyclerView.ViewHolder要比我们写的那个单纯的容器复杂多了（源码里算上注释有大约500行），与RecyclerView.Adapter的联系也是千丝万缕。

按stackoverflow上面比较通俗的解释：RecyclerView.Adapter里面的onCreateViewHolder()方法和onBindViewHolder()方法对时间都非常敏感。类似I/O读写，Bitmap解码一类的耗时操作，最好不要在它们里面进行。

如何解决这个问题

首先当然得优化你的item，合理运用<include>，<merge>，<ViewStub>等标签，使布局层次尽量少——其实ListView和GridView里你也应该这么做，应该当成是一种写UI的习惯。

其次就是灵活使用各种第三方库，去完成各种耗时操作，比如通过Glide或者是Picasso加载图片。优秀的开源库在性能上往往都考虑得很仔细。

最后的问题来了，如果只想写一个小demo，不愿大张旗鼓怎么办？如果即便一般的第三方库也不好解决问题，比如上一篇那个该死的loadIcon()方法返回的是一个Drawable对象，Glide和Picasso都没法直接处理，转码又等于添了个耗时任务，那怎么办？
真正的app管理应用，应该引入UIL或者Picasso一类的加载库进行图标加载

答案就是，想法在你setAdapter之前就把任务给完成。

Demo

哟西，上代码！本文代码完全基于上一篇文，无须删减重构。

主要就是增添了一个实体bean对象，setAdapter()时要传递的数据，全部通过它预先加载到内存里！这样那俩敏感方法里只需要简单的get出来即可。

实体类AppBean.java

package com.example.jin.localapp;
import android.graphics.drawable.Drawable;

public class AppBean {
  private CharSequence name;
  private String packageName;
  private Drawable icon;
  //这类代码可别逞英雄手动写哦，IDE（Android Studio和Eclipse都有的）里可以直接生成
  public CharSequence getName() {
    return name;
  }
  public void setName(CharSequence name) {
    this.name = name;
  }
  public String getPackageName() {
    return packageName;
  }
  public void setPackageName(String packageName) {
    this.packageName = packageName;
  }
  public Drawable getIcon() {
    return icon;
  }
  public void setIcon(Drawable icon) {
    this.icon = icon;
  }
}

主界面MainActivity.java

  private List<AppBean> mList;//mList的泛型换成AppBean
  private void initData() {//然后只需要改这个方法
    mList = new ArrayList<>();
    manager = getPackageManager();
    List<PackageInfo> list = manager.getInstalledPackages(0);//获取已安装的全部应用
    for (PackageInfo info : list) {
      if ((info.applicationInfo.flags & ApplicationInfo.FLAG_SYSTEM) == 0) {
        AppBean bean = new AppBean();
        bean.setName(info.applicationInfo.loadLabel(manager));
        bean.setPackageName(info.packageName);
        bean.setIcon(info.applicationInfo.loadIcon(manager));
        mList.add(bean);
      }
    }
    //拿到数据再setAdapter
    mainRcv.setLayoutManager(new LinearLayoutManager(this));
    mainRcv.setHasFixedSize(true);
    mainRcv.setAdapter(new AppAdapter(this, mList));
  }

适配器AppAdapter.java

  private List<AppBean> appList;
  //同样这边的类型换过来
  public AppAdapter(Context context, List<AppBean> appList) {
    this.context = context;
    this.appList = appList;
    inflater = LayoutInflater.from(context);
    manager = context.getPackageManager();
  }
  //然后也只需要改这个方法
  @Override
  public void onBindViewHolder(AppHolder holder, final int position) {
    final AppBean bean = appList.get(position);
    holder.itemIconIv.setImageDrawable(bean.getIcon());//图标
    holder.itemNameTv.setText(bean.getName());//名称
    holder.itemPackageTv.setText(bean.getPackageName());//包名
    holder.view.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        Intent intent = new Intent(manager.getLaunchIntentForPackage(bean.getPackageName()));//根据包名启动此应用
        context.startActivity(intent);
      }
    });
  }

搞定！因为博主是用手机直接录像再转gif，为了使点击看上去有效果，于是给item增添了一个背景层，这需求实战中也是很常见的哦~~

色彩资源文件colors.xml

这个粉红色其实很难看，单纯当区别用。。。。。。

实战开发如果没有美工，一定要仔细斟酌选取，尽量让自己审美好点！

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <color name="colorPrimary">#3F51B5</color>
  <color name="colorPrimaryDark">#303F9F</color>
  <color name="colorAccent">#FF4081</color>
  <color name="colorWhite">#ffffff</color>
  <color name="colorPink">#f8bbd0</color>
</resources>

选择器item_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="Http://schemas.android.com/apk/res/android">
  <item android:state_selected="true" android:drawable="@color/colorWhite" />　　
  <item android:state_focused="true" android:drawable="@color/colorPink" />　　
  <item android:state_pressed="true" android:drawable="@color/colorPink" />
  <item android:drawable="@color/colorWhite"/>
</selector>

条目布局item_app.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:background="@drawable/item_selector"
  android:layout_width="match_parent"
  android:layout_height="60dp">
<!-- 中间内容无须修改，略-->
</RelativeLayout>

最终运行效果

截图已经不太能感受到卡了，真机运行更加流畅！

 

您可能感兴趣的文章:Android中使用RecyclerView实现下拉刷新和上拉加载Android中RecyclerView布局代替GridView实现类似支付宝的界面Android中RecyclerView实现多级折叠列表效果（二）Android中RecyclerView实现横向滑动代码Android RecyclerView网格布局（支持多种分割线）详解(2)Android Recyclerview实现多选,单选,全选,反选,批量删除的功能Android RecyclerView 复用错乱通用解法详解Android RecyclerView实现下拉刷新和上拉加载Android项目实战之仿网易新闻的页面（RecyclerView ）Android如何利用RecyclerView实现列表倒计时效果实例代码