recyclerview卡顿 Android RecyclerView的卡顿问题的解决办法
彼岸sakura 人气:3RecyclerView为什么会卡
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; /** * Created by Jin on 2016/11/8. */ 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>
最终运行效果
截图已经不太能感受到卡了,真机运行更加流畅!
加载全部内容