Android开发中RecyclerView简单使用

那么有了ListView、GridView为什么还需要RecyclerView这样的控件呢?整体上看RecyclerView架构,提供了一种插拔式的体验,高度的解耦,异常的灵活,通过设置它提供的不同LayoutManager,ItemDecoration , ItemAnimator实现令人瞠目的效果。

你想要控制其显示的方式,请通过布局管理器LayoutManager
你想要控制Item间的间隔(可绘制),请通过ItemDecoration
你想要控制Item增删的动画,请通过ItemAnimator
你想要控制点击、长按事件,请自己写(擦,这点尼玛。)

每个item的布局如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:id="@+id/recycler_view_test_item_person_view"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:padding="15dp"
              android:background="#aabbcc"
        >
    <TextView
            android:id="@+id/recycler_view_test_item_person_name_tv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textSize="18sp"
            android:background="#ccbbaa"
            />
    <TextView
            android:id="@+id/recycler_view_test_item_person_age_tv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="5dp"
            android:background="#aaccbb"
            android:textSize="15sp"
            />
</LinearLayout>

item的布局很简单,只有两个TextView,一个用来显示名字,一个用来显示年龄。

Person的实体类就不贴代码了,两个属性:名字和年龄。

然后需要使用到RecyclerView,所以需要把support v7添加到class path,并在布局中添加该控件:

<android.support.v7.widget.RecyclerView
                android:id="@+id/recycler_view_test_rv"
                android:scrollbars="vertical"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="#bbccaa"
                />

然后在onCreate中:

1         recyclerView.setHasFixedSize(true);
2
3         RecyclerView.LayoutManager layoutManager = new LinearLayoutManager(context);
4         recyclerView.setLayoutManager(layoutManager);
5
6         initData();
7         adapter = new PersonAdapter(personList);
8         adapter.setOnRecyclerViewListener(this);
9         recyclerView.setAdapter(adapter);   

 

如上述代码:

Line1: 使RecyclerView保持固定的大小,这样会提高RecyclerView的性能。

Line3: LinearLayoutManager,如果你需要显示的是横向滚动的列表或者竖直滚动的列表,则使用这个LayoutManager。显然,我们要实现的是ListView的效果,所以需要使用它。生成这个LinearLayoutManager之后可以设置他滚动的方向,默认竖直滚动,所以这里没有显式地设置。

Line6: 初始化数据源。

Line7~9: 跟ListView一样,需要设置RecyclerView的Adapter,但是这里的Adapter跟ListView使用的Adapter不一样,这里的Adapter需要继承RecyclerView.Adapter,需要实现3个方法:

- onCreateViewHolder()

- onBindViewHolder()

- getItemCount()

直接看代码:

 1 package com.wangjie.helloandroid.sample.recycler.person;
 2
 3 import android.support.v7.widget.RecyclerView;
 4 import android.view.LayoutInflater;
 5 import android.view.View;
 6 import android.view.ViewGroup;
 7 import android.widget.LinearLayout;
 8 import android.widget.TextView;
 9 import com.wangjie.androidbucket.log.Logger;
10 import com.wangjie.helloandroid.R;
11
12 import java.util.List;
13
14 /**
15  * Author: wangjie
16  * Email: tiantian.china.2@gmail.com
17  * Date: 1/17/15.
18  */
19 public class PersonAdapter extends RecyclerView.Adapter {
20     public static interface OnRecyclerViewListener {
21         void onItemClick(int position);
22         boolean onItemLongClick(int position);
23     }
24
25     private OnRecyclerViewListener onRecyclerViewListener;
26
27     public void setOnRecyclerViewListener(OnRecyclerViewListener onRecyclerViewListener) {
28         this.onRecyclerViewListener = onRecyclerViewListener;
29     }
30
31     private static final String TAG = PersonAdapter.class.getSimpleName();
32     private List<Person> list;
33
34     public PersonAdapter(List<Person> list) {
35         this.list = list;
36     }
37
38     @Override
39     public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
40         Logger.d(TAG, "onCreateViewHolder, i: " + i);
41         View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.recycler_view_test_item_person, null);
42         LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
43         view.setLayoutParams(lp);
44         return new PersonViewHolder(view);
45     }
46
47     @Override
48     public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int i) {
49         Logger.d(TAG, "onBindViewHolder, i: " + i + ", viewHolder: " + viewHolder);
50         PersonViewHolder holder = (PersonViewHolder) viewHolder;
51         holder.position = i;
52         Person person = list.get(i);
53         holder.nameTv.setText(person.getName());
54         holder.ageTv.setText(person.getAge() + "岁");
55     }
56
57     @Override
58     public int getItemCount() {
59         return list.size();
60     }
61
62     class PersonViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener, View.OnLongClickListener
63     {
64         public View rootView;
65         public TextView nameTv;
66         public TextView ageTv;
67         public int position;
68
69         public PersonViewHolder(View itemView) {
70             super(itemView);
71             nameTv = (TextView) itemView.findViewById(R.id.recycler_view_test_item_person_name_tv);
72             ageTv = (TextView) itemView.findViewById(R.id.recycler_view_test_item_person_age_tv);
73             rootView = itemView.findViewById(R.id.recycler_view_test_item_person_view);
74             rootView.setOnClickListener(this);
75             rootView.setOnLongClickListener(this);
76         }
77
78         @Override
79         public void onClick(View v) {
80             if (null != onRecyclerViewListener) {
81                 onRecyclerViewListener.onItemClick(position);
82             }
83         }
84
85         @Override
86         public boolean onLongClick(View v) {
87             if(null != onRecyclerViewListener){
88                 return onRecyclerViewListener.onItemLongClick(position);
89             }
90             return false;
91         }
92     }
93
94 }

如上代码所示:

public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i)

这个方法主要生成为每个Item inflater出一个View,但是该方法返回的是一个ViewHolder。方法是把View直接封装在ViewHolder中,然后我们面向的是ViewHolder这个实例,当然这个ViewHolder需要我们自己去编写。直接省去了当初的convertView.setTag(holder)和convertView.getTag()这些繁琐的步骤。

 

public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int i)

这个方法主要用于适配渲染数据到View中。方法提供给你了一个viewHolder,而不是原来的convertView。

对比下以前的写法就一目了然了:

 1 @Override
 2     public View getView(int position, View convertView, ViewGroup parent) {
 3         ViewHolder holder;
 4         if(null == convertView){
 5             holder = new ViewHolder();
 6             LayoutInflater mInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
 7             convertView = mInflater.inflate(R.layout.item, null);
 8             holder.btn = (Button) convertView.findViewById(R.id.btn);
 9             holder.tv = (TextView) convertView.findViewById(R.id.tv);
10             holder.iv = (TextView) convertView.findViewById(R.id.iv);
11
12             convertView.setTag(holder);
13         }else{
14             holder = (ViewHolder) convertView.getTag();
15         }
16         final HashMap<String, Object> map = list.get(position);
17
18         holder.iv.setImageResource(Integer.valueOf(map.get("iv").toString()));
19         holder.tv.setText(map.get("tv").toString());
20
21         holder.btn.setOnClickListener(new View.OnClickListener() {
22             @Override
23             public void onClick(View v) {
24                 Toast.makeText(context, map.get("btn").toString(), Toast.LENGTH_SHORT).show();
25             }
26         });
27
28         return convertView;
29     }
30
31     class ViewHolder{
32         Button btn;
33         ImageView iv;
34         TextView tv;
35
36     }

对比后可以发现:

旧的写法中Line5~Line12+Line28部分的代码其实起到的作用相当于新的写法的onCreateViewHolder();

旧的写法中Line14~Line26部分的代码其实起到的作用相当于新的写法的onBindViewHolder();

既然是这样,那我们就把原来相应的代码搬到对应的onCreateViewHolder()和onBindViewHolder()这两个方法中就可以了。

因为RecyclerView帮我们封装了Holder,所以我们自己写的ViewHolder就需要继承RecyclerView.ViewHolder,只有这样,RecyclerView才能帮你去管理这个ViewHolder类。

既然getView方法的渲染数据部分的代码相当于onBindViewHolder(),所以如果调用adapter.notifyDataSetChanged()方法,应该也会重新调用onBindViewHolder()方法才对吧?实验后,果然如此!

除了adapter.notifyDataSetChanged()这个方法之外,新的Adapter还提供了其他的方法,如下:

        public final void notifyDataSetChanged()
        public final void notifyItemChanged(int position)
        public final void notifyItemRangeChanged(int positionStart, int itemCount)
        public final void notifyItemInserted(int position)
        public final void notifyItemMoved(int fromPosition, int toPosition)
        public final void notifyItemRangeInserted(int positionStart, int itemCount)
        public final void notifyItemRemoved(int position)
        public final void notifyItemRangeRemoved(int positionStart, int itemCount)

基本上看到方法的名字就知道这个方法是干嘛的了,

第一个方法没什么好讲的,跟以前一样。

notifyItemChanged(int position),position数据发生了改变,那调用这个方法,就会回调对应position的onBindViewHolder()方法了,当然,因为ViewHolder是复用的,所以如果position在当前屏幕以外,也就不会回调了,因为没有意义,下次position滚动会当前屏幕以内的时候同样会调用onBindViewHolder()方法刷新数据了。其他的方法也是同样的道理。

public final void notifyItemRangeChanged(int positionStart, int itemCount),顾名思义,可以刷新从positionStart开始itemCount数量的item了(这里的刷新指回调onBindViewHolder()方法)。

public final void notifyItemInserted(int position),这个方法是在第position位置被插入了一条数据的时候可以使用这个方法刷新,注意这个方法调用后会有插入的动画,这个动画可以使用默认的,也可以自己定义。

public final void notifyItemMoved(int fromPosition, int toPosition),这个方法是从fromPosition移动到toPosition为止的时候可以使用这个方法刷新

public final void notifyItemRangeInserted(int positionStart, int itemCount),显然是批量添加。

public final void notifyItemRemoved(int position),第position个被删除的时候刷新,同样会有动画。

public final void notifyItemRangeRemoved(int positionStart, int itemCount),批量删除。

 

这些方法分析完之后,我们来实现一个点击一个按钮,新增一条数据,长按一个item,删除一条数据的场景。

以下是新增一条数据的代码:

1 Person person = new Person(i, "WangJie_" + i, 10 + i);
2 adapter.notifyItemInserted(2);
3 personList.add(2, person);
4 adapter.notifyItemRangeChanged(2, adapter.getItemCount());
如上代码:

Line2:表示在position为2的位置,插入一条数据,这个时候动画开始执行。

Line3: 表示在数据源中position为2的位置新增一条数据(其实这个才是真正的新增数据啦)。

Line4: 为什么要刷新position为2以后的数据呢?因为,在position为2的位置插入了一条数据后,新数据的position变成了2,那原来的position为2的应该变成了3,3的应该变成了4,所以2以后的所有数据的position都发生了改变,所以需要把position2以后的数据都要刷新。理论上是这样,但是实际上刷新的数量只有在屏幕上显示的position为2以后的数据而已。如果这里使用notifyDataSetChanged()来刷新屏幕上显示的所有item可以吗?结果不会出错,但是会有一个问题,前面调用了notifyItemInserted()方法后会在执行动画,如果你调用notifyDataSetChanged()刷新屏幕上显示的所有item的话,必然也会刷新当前正在执行动画的那个item,这样导致的结果是,前面的动画还没执行完,它马上又被刷新了,动画就看不见了。所以只要刷新2以后的item就可以了。

 

看了RecyclerView的api,发现没有setOnItemClickListener--,所以还是自己把onItemClick从Adapter中回调出来吧。这个很简单,就像上面PersonAdaper中写的OnRecyclerViewListener那样。

 

长按删除的代码如下:

1 adapter.notifyItemRemoved(position);
2 personList.remove(position);
3 adapter.notifyItemRangeChanged(position, adapter.getItemCount());
代码跟之前插入的代码基本一致。先通知执行动画,然后删除数据源中的数据,然后通知position之后的数据刷新就可以了。

这样ListView的效果就实现了。

RecycleView的出现方便了我们自定义合适的布局,几行代码可以变换多种状态——listView、gridView、瀑布流等,下面简单介绍如何编写adapter的相关代码

 
import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListAdapter;
import android.widget.ListView;
import android.widget.TextView;
 
import com.squareup.picasso.Picasso;
 
import java.util.List;
 
 
/**
 * Created by abel on 16/4/21.
 */
public class RecycleViewAdapter extends RecyclerView.Adapter<RecycleViewAdapter.MyHolder> {
    private LayoutInflater mInflater;
    private List<CollectionEntity> list;
    private Context context;
    OnItemClickListener onItemClickListener;
    /*
       获取数据源
     */
    public RecycleViewAdapter(Context context, List<CollectionEntity> list) {
        this.mInflater = LayoutInflater.from(context);
        this.list = list;
        this.context = context;
    }
    /*
    加载item布局
     */
    @Override
    public MyHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        MyHolder myHolder = new MyHolder(mInflater.inflate(R.layout.item_collection, parent, false));
 
        return myHolder;
    }
 
    /**
     * 绑定数据
     * @param holder item
     * @param position position
     */
    @Override
    public void onBindViewHolder(final MyHolder holder, int position) {
        CollectionEntity collectionEntity = list.get(position);
        holder.tv_already_pay.setText("已售" + SpannableStringUtil.checkNull(1, collectionEntity.getAlreadyPay()));
        holder.tv_newMoney.setText("¥" + SpannableStringUtil.checkNull(1, collectionEntity.getNewMoney()));
        holder.tv_oldMoney.setText(SpannableStringUtil.addDeleteLineSpanTwo("¥" + SpannableStringUtil.checkNull(1, collectionEntity.getOldMoney())));
        if (collectionEntity.getPic() != null) {
            Picasso.with(context).load(Url.IMAGR_ROOT + collectionEntity.getPic())
                    .tag("bitmap")
                    .placeholder(R.mipmap.pic_common_carlogo_loading)
                    .into(holder.userpic);
        }
        if (onItemClickListener != null) {
            if (!holder.itemView.hasOnClickListeners()) {
                holder.itemView.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        onItemClickListener.onItemClick(v, holder.getAdapterPosition());
                    }
                });
            }
        }
    }
 
    @Override
    public int getItemCount() {
        return list.size();
    }
 
    /**
     * 点击事件接口
     */
    public interface OnItemClickListener {
        void onItemClick(View view, int postion);
    }
 
    public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
        this.onItemClickListener = onItemClickListener;
    }
 
    /**
     * viewHolder
     */
    public class MyHolder extends RecyclerView.ViewHolder {
        private ImageView userpic;
        private TextView tv_title, tv_newMoney, tv_oldMoney, tv_already_pay;
        private LinearLayout ll_root;
 
        public MyHolder(View itemView) {
            super(itemView);
            userpic = (ImageView) itemView.findViewById(R.id.img_userpic);
            tv_title = (TextView) itemView.findViewById(R.id.tv_collection_title);
            tv_newMoney = (TextView) itemView.findViewById(R.id.tv_now_price);
            tv_already_pay = (TextView) itemView.findViewById(R.id.tv_already_sell);
            ll_root = (LinearLayout) itemView.findViewById(R.id.ll_root);
            tv_oldMoney = (TextView) itemView.findViewById(R.id.tv_old_price);
        }
    }
}

由于recycleView没有提供点击事件监听,所以需要我们自己去实现,上面的接口就是对外公布的点击事件,在activity中需要加上

mRecyView.setLayoutManager(new LinearLayoutManager(this));

来设置管理器达到listView与gridView的效果

时间: 2024-09-28 05:27:01

Android开发中RecyclerView简单使用的相关文章

Android开发中RecyclerView模仿探探左右滑动布局功能

我在此基础上优化了部分代码, 添加了滑动回调, 可自定义性更强. 并且添加了点击按钮左右滑动的功能. 据说无图都不敢发文章了. 看图: 1:这种功能, 首先需要自己管理布局 继承 RecyclerView.LayoutManager , 显示自己管理布局, 比如最多显示4个view, 并且都是居中显示. 底部的View还需要进行缩放,平移操作. public class OverLayCardLayoutManager extends RecyclerView.LayoutManager { p

Android开发中的简单设置技巧集锦_Android

本文实例总结了Android开发中的简单设置技巧.分享给大家供大家参考,具体如下: 1开机图片: android-logo-mask.png android-logo-shine.png 这两个图片一个在上一个在下 ./out/target/common/obj/JAVA_LIBRARIES/android_stubs_current_intermediates/classes/assets/images/android-logo-shine.png ./frameworks/base/core

Android开发中的简单设置技巧集锦

本文实例总结了Android开发中的简单设置技巧.分享给大家供大家参考,具体如下: 1开机图片: android-logo-mask.png android-logo-shine.png 这两个图片一个在上一个在下 ./out/target/common/obj/JAVA_LIBRARIES/android_stubs_current_intermediates/classes/assets/images/android-logo-shine.png ./frameworks/base/core

Android开发中ProgressDialog简单用法示例

本文实例讲述了Android开发中ProgressDialog简单用法.分享给大家供大家参考,具体如下: 网上一般对进度条的示例都是如何显示,没有在任务结束如何关闭的文章,参考其他文章经过试验之后把整套进度条显示的简单示例如下: 建立android工程等工作都略去,Google一下就可以了. 下面来介绍主要的Activity ProgressBarDemo.java package com.lveyo.android.demo.progressbar; import android.app.Ac

Android开发中RecyclerView控件使用实例教程

Android RecyclerView 是Android5.0推出来的,导入support-v7包即可使用. 个人体验来说,RecyclerView绝对是一款功能强大的控件. 首先总结下RecyclerView的特点: 1.支持不同方向,不同排版模式,实现多种展现数据的形式,涵盖了ListView,GridView,瀑布流等数据表现的形式 2.内部实现了回收机制,无需我们考虑View的复用情况 3.取消了onItemClick等点击事件,需要自己手动去写 -------------------

Android开发中一个简单实用的调试应用技巧分享

前言 大家应该都有所体会,在应用开发中,我们常常会进行日志打印或者debug调试,以此来分析运行时的一些信息,便于发现bug和问题.Android Studio的Debug功能很好用,但是有时候有些情况下,就显得不是那么快捷和便利. 比如 我们调试的点在应用一打开的时候,很靠前,例如Application的onCreate方法中,以至于我们不能足够快的设置进程为debug模式 虽然上面的情况可以通过Android Studio的debug运行来解决,但是如果项目很大的话,运行起来也会比较耽误时间

Android开发中RecyclerView组件使用的一些进阶技讲解_Android

RecyclerView的优势: 它自带ViewHolder来实现View的复用机制,再也不用ListView那样在getView()里自己写了 使用LayoutManager可以实现ListView,GridView以及流式布局的列表效果 通过setItemAnimator(ItemAnimator animator)可以实现增删动画(懒的话,可以使用默认的ItemAnimator对象,效果也不错) 控制item的间隔,可以使用addItemDecoration(ItemDecoration

Android开发中RecyclerView组件使用的一些进阶技讲解

RecyclerView的优势: 它自带ViewHolder来实现View的复用机制,再也不用ListView那样在getView()里自己写了 使用LayoutManager可以实现ListView,GridView以及流式布局的列表效果 通过setItemAnimator(ItemAnimator animator)可以实现增删动画(懒的话,可以使用默认的ItemAnimator对象,效果也不错) 控制item的间隔,可以使用addItemDecoration(ItemDecoration

Android开发中CheckBox的简单用法示例_Android

本文实例讲述了Android开发中CheckBox的简单用法.分享给大家供大家参考,具体如下: CheckBox是一种在界面开发中比较常见的控件,Android中UI开发也有CheckBox,简单的说下它的使用,每个CheckBox都要设置监听,设置的监听为CompouButton.OnCheckedChangedListener(). package com.zhuguangwei; import android.app.Activity; import android.os.Bundle;