RecyclerView使用介绍 带实列

时间:2021-11-28 05:29:01

RecyclerView 是Android L版本中新添加的一个用来取代ListView的SDK,它的灵活性与可替代性比listview更好。接下来通过一系列的文章讲解如何使用RecyclerView,彻底抛弃ListView.

介绍

RecyclerView与ListView原理是类似的:都是仅仅维护少量的View并且可以展示大量的数据集。RecyclerView用以下两种方式简化了数据的展示和处理:

  • 使用LayoutManager来确定每一个item的排列方式。

  • 为增加和删除项目提供默认的动画效果。

你也可以定义你自己的LayoutManager和添加删除动画,RecyclerView项目结构如下:

RecyclerView使用介绍 带实列

  • Adapter:使用RecyclerView之前,你需要一个继承自RecyclerView.Adapter的适配器,作用是将数据与每一个item的界面进行绑定。

  • LayoutManager:用来确定每一个item如何进行排列摆放,何时展示和隐藏。回收或重用一个View的时候,LayoutManager会向适配器请求新的数据来替换旧的数据,这种机制避免了创建过多的View和频繁的调用findViewById方法(与ListView原理类似)。

目前SDK中提供了三种自带的LayoutManager:

  • LinearLayoutManager

  • GridLayoutManager

  • StaggeredGridLayoutManager

第一节、简单的RecyclerView使用方法

本节所示示例是一个最简单的使用方法,在接下来几节中将会介绍更多RecyclerView的别的一些*的用法。作者用的环境是Android Studio 0.8.6。

RecyclerView的 模式:默认模式布局,瀑布流布局,网格布局,


1.导入依赖实现:在AS的build.gradle中添加依赖,然后同步一下就可以引入依赖包:

  compile 'com.android.support:recyclerview-v7:25.3.1'
  compile 'com.squareup.okhttp3:okhttp:3.9.0'
  compile 'com.github.bumptech.glide:glide:3.7.0'
  compile files('libs/gson-2.2.4.jar')

2、编写代码

添加完依赖之后,就开始写代码了,与ListView用法类似,也是先在xml布局文件中创建一个RecyclerView的布局:

 
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     tools:context=".MainActivity">
  6.     <android.support.v7.widget.RecyclerView
  7.         android:id="@+id/my_recycler_view"
  8.         android:layout_width="match_parent"
  9.         android:layout_height="match_parent"
  10.         android:scrollbars="vertical"/>
  11. </RelativeLayout>

   2.封装的bean类导入,    

  3.Myctivity的实现
   public class MainActivity extends AppCompatActivity {
     //声明控件
    private List<MyBean.美女Bean> list = new ArrayList<>();
    private RecyclerView recycler;
    private Handler handler = new Handler();

    private String url = "http://c.3g.163.com/recommend/getChanListNews?channel=T1456112189138&size=20&passport=&devId=1uuFYbybIU2oqSRGyFrjCw%3D%3D&lat=%2F%2FOm%2B%2F8ScD%2B9fX1D8bxYWg%3D%3D&lon=LY2l8sFCNzaGzqWEPPgmUw%3D%3D&version=9.0&net=wifi&ts=1464769308&sign=bOVsnQQ6gJamli6%2BfINh6fC%2Fi9ydsM5XXPKOGRto5G948ErR02zJ6%2FKXOnxX046I&encryption=1&canal=meizu_store2014_news&mac=sSduRYcChdp%2BBL1a9Xa%2F9TC0ruPUyXM4Jwce4E9oM30%3D";



    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initData();
    }

    private void initData() {
        OkHttpClient client = new OkHttpClient();
        Request request = new Request.Builder().url(url).build();
        Call call = client.newCall(request);
        call.enqueue(new Callback() {
            @Override
            public void onFailure(Call call, IOException e) {
                Log.d("onFailure", "请求失败");
            }

            @Override
            public void onResponse(Call call, Response response) throws IOException {

                if (response.body() != null && response.isSuccessful()) {
                    String result = response.body().string();
                    MyBean bean = MyBean.objectFromData(result);
                    list = bean.美女;
                    handler.post(new Runnable() {
                        @Override
                        public void run() {

                            recycler.setAdapter(new MyAdapter(MainActivity.this, list));
                        }
                    });
                } else {

                    Log.d("onFailure", "请求失败");
                }


            }
        });
    }

    private void initView() {
         recycler = (RecyclerView) findViewById(R.id.recycler);
         //LinearLayoutManager manager = new LinearLayoutManager(this);
         GridLayoutManager glide = new GridLayoutManager(this, 3);
        //StaggeredGridLayoutManager stage = new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL);
        recycler.setLayoutManager(glide);

      }

   }
  4,MyAdapter类的实现  (注意布局里list_item 高设置为
wrap_conten

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
    private Context context;
    private List<MyBean.美女Bean> list = new ArrayList<>();

    public MyAdapter(Context context, List<MyBean.美女Bean> list) {
        this.context = context;
        this.list = list;

    }

    @Override
    public MyAdapter.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view;
        view = LayoutInflater.from(context).inflate(R.layout.list_item, parent, false);
        return new MyAdapter.ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(MyAdapter.ViewHolder holder, int position) {

        //holder.textView.setText(list.get(position).digest);
        Glide.with(context).load(list.get(position).img).into(holder.imageView);

    }

    @Override
    public int getItemCount() {
        return list == null ? 0 : list.size();
    }

    public class ViewHolder extends RecyclerView.ViewHolder {
        //private TextView textView;
        private ImageView imageView;

        public ViewHolder(View itemView) {
            super(itemView);
            //textView = (TextView)itemView.findViewById(R.id.list_tv);
            imageView = (ImageView) itemView.findViewById(R.id.list_img);

        }
    }
}

3、运行

写完这些代码这个例子既可以跑起来了。从例子也可以看出来,RecyclerView的用法并不比ListView复杂,反而更灵活好用,它将数据、排列方式、数据的展示方式都分割开来,因此可定制型,自定义的形式也非常多,非常灵活。

横向布局

如果想要一个横向的List只要设置LinearLayoutManager如下就行,注意要声明mLayoutManager的类型是LinearLayoutManager而不是父类LayoutManager:

 
  1. mLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);

Grid布局

如果想要一个Grid布局的列表,只要声明LayoutManager为GridLayoutManager即可:

 
  1. mLayoutManager = new GridLayoutManager(context,columNum);
  2. mRecyclerView.setLayoutManager(mLayoutManager);

注意,在Grid布局中也可以设置列表的Orientation属性,来实现横向和纵向的Grid布局。

瀑布流布局

瀑布流就使用StaggeredGridLayoutManager吧,具体方法与上面类似,就不做介绍啦。

总结

本节介绍的是一个最最简单的RecyclerView的使用方法,后面将介绍一些更高级的用法。




第二节、RecyclerView的高级方法


当使用了一段时间的RecyclerView,发现为其每一项添加点击事件并没有ListView那么轻松,像ListView直接加个OnItemClickListener就行了。实际上我们不要把RecyclerView当做ListView的一个升级版,希望大家把他看做一个容器,同时里面包含了很多不同的Item,它们可以以不同方式排列组合,非常灵活,点击方式你可以按照你自己的意愿进行实现。

本节主要讲解如何为RecyclerView添加点击事件, 并简单介绍如何进行Item增加删除。

添加点击事件

上一节中我们讲了如何使用RecyclerView的Adpater,其实我们会发现,Adapter是添加点击事件一个很好的地方,里面是构造布局等View的主要场所,也是数据和布局进行绑定的地方。首先我们在Adapter中创建一个实现点击接口,其中view是点击的Item,data是我们的数据,因为我们想知道我点击的区域部分的数据是什么,以便我下一步进行操作:

 
  1. public static interface OnRecyclerViewItemClickListener {
  2.     void onItemClick(View view , DataModel data);
  3. }

定义完接口,添加接口和设置Adapter接口的方法:

 
  1. private OnRecyclerViewItemClickListener mOnItemClickListener = null;
  2.     public void setOnItemClickListener(OnRecyclerViewItemClickListener listener) {
  3.     this.mOnItemClickListener = listener;
  4. }

那么这个接口用在什么地方呢?如下代码所示,我们为Adapter实现OnClickListener方法:

 
  1. public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> implements View.OnClickListener{
  2.     @Override
  3.     public ViewHolder onCreateViewHolder(ViewGroup viewGroup, final int i) {
  4.         View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item, viewGroup, false);
  5.         ViewHolder vh = new ViewHolder(view);
  6.         //将创建的View注册点击事件
  7.         view.setOnClickListener(this);
  8.         return vh;
  9.     }
  10.     @Override
  11.     public void onBindViewHolder(ViewHolder viewHolder, final int i) {
  12.         viewHolder.mTextView.setText(datas.get(i).title);
  13.         //将数据保存在itemView的Tag中,以便点击时进行获取
  14.         viewHolder.itemView.setTag(datas.get(i));
  15.     }
  16.     ...
  17.     @Override
  18.     public void onClick(View v) {
  19.         if (mOnItemClickListener != null) {
  20.             //注意这里使用getTag方法获取数据
  21.             mOnItemClickListener.onItemClick(v,(DataModel)v.getTag());
  22.         }
  23.     }
  24.     ...
  25. }

做完这些事情,我们就可以在Activity或其他地方为RecyclerView添加项目点击事件了,如在MainActivity中:

 
  1. mAdapter = new MyAdapter(getDummyDatas());
  2. mRecyclerView.setAdapter(mAdapter);
  3. mAdapter.setOnItemClickListener(new MyAdapter.OnRecyclerViewItemClickListener() {
  4.     @Override
  5.     public void onItemClick(View view, DataModel data) {
  6.         //DO your fucking bussiness here!
  7.     }
  8. });

完成了以上代码就可以为RecyclerView添加项目点击事件了,下面我们来看看RecyclerView如何添加和删除数据并在界面上显示。

添加删除数据

以前在ListView当中,我们只要修改后数据用Adapter的notifyDatasetChange一下就可以更新界面。然而在RecyclerView中还有一些更高级的用法:

添加数据:

 
  1. public void addItem(DataModel content, int position) {
  2.     datas.add(position, content);
  3.     notifyItemInserted(position); //Attention!
  4. }

删除数据:

 
  1. public void removeItem(DataModel model) {
  2.     int position = datas.indexOf(model);
  3.     datas.remove(position);
  4.     notifyItemRemoved(position);//Attention!
  5. }

值得注意的是RecyclerView的添加删除都是有默认的动画效果的,如果没有效果可以添加如下代码:

 
  1. mRecyclerView.setItemAnimator(newDefaultItemAnimator());

当然啦你也可以自己定义你自己的Animator,等我研究明白了也来讲一讲如何自定义这些效果~