RecyclerView的基本操作集成

这篇文章主要来给大家实现一下基础的RecyclerView的集成：

整体上看RecyclerView架构，提供了一种插拔式的体验，高度的解耦，异常的灵活，通过设置它提供的不同LayoutManager，ItemDecoration , ItemAnimator实现令人瞠目的效果。

• 你想要控制其显示的方式，请通过布局管理器LayoutManager
• 你想要控制Item间的间隔（可绘制），请通过ItemDecoration
• 你想要控制Item增删的动画，请通过ItemAnimator
• 你想要控制点击、长按事件，请自己写！

为了使用RecyclerView控件，我们需要创建一个Adapter和一个LayoutManager：

Adapter：集成自RecyclerView.Adapetr类，主要用来将数据和布局item进行绑定。

先看下结果：

准备工作导入依赖就可以了：

compile 'com.android.support:mediarouter-v7:25.0.0'

compile 'com.android.support:appcompat-v7:25.0.0'

compile 'com.android.support:recyclerview-v7:25.0.0'

接下来就上代码：

MainActivity:

[html] view plain copy

1. package com.eightgroup.rikao1013;  
2.   
3. import android.os.Bundle;  
4. import android.support.v7.app.AppCompatActivity;  
5. import android.support.v7.widget.DividerItemDecoration;  
6. import android.support.v7.widget.GridLayoutManager;  
7. import android.support.v7.widget.LinearLayoutManager;  
8. import android.support.v7.widget.RecyclerView;  
9. import android.support.v7.widget.StaggeredGridLayoutManager;  
10. import android.view.LayoutInflater;  
11. import android.view.View;  
12. import android.view.ViewGroup;  
13. import android.widget.Button;  
14. import android.widget.TextView;  
15. import android.widget.Toast;  
16.   
17. import java.util.ArrayList;  
18. import java.util.List;  
19.   
20. import butterknife.BindView;  
21. import butterknife.ButterKnife;  
22. import butterknife.OnClick;  
23.   
24. public class MainActivity extends AppCompatActivity {  
25.     // butterknife 工具  
26.     @BindView(R.id.id_action_add)  
27.     Button idActionAdd;  
28.     @BindView(R.id.id_action_delete)  
29.     Button idActionDelete;  
30.     @BindView(R.id.id_action_list)  
31.     Button idActionList;  
32.     @BindView(R.id.id_action_group)  
33.     Button idActionGroup;  
34.     @BindView(R.id.id_action_pubu)  
35.     Button idActionPubu;  
36.     private RecyclerView mRecyclerView;  
37.     private static List<String> mDatas;  
38.     HomeAdapter mAdapter;  
39.     public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;  
40. 
    
41.     @Override  
42.     protected void onCreate(Bundle savedInstanceState) {  
43.         super.onCreate(savedInstanceState);  
44.         setContentView(R.layout.activity_main);  
45.         ButterKnife.bind(this);  
46.   
47.         initData();  
48.         mRecyclerView = (RecyclerView) findViewById(R.id.id_recyclerview);  
49.           
50.         // 三种样式可以自己选择：  
51. //      listview样式  
52. //      mRecyclerView.setLayoutManager(new LinearLayoutManager(this));  
53.         mRecyclerView.setAdapter(mAdapter = new HomeAdapter());  
54.         mRecyclerView.addItemDecoration(new DividerItemDecoration(this,  
55.                 DividerItemDecoration.VERTICAL));  
56.         // GridLayoutManager  样式  
57.         mRecyclerView.setLayoutManager(new GridLayoutManager(this, 4));  
58.         // 瀑布流  
59. //        mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(4,StaggeredGridLayoutManager.VERTICAL));  
60.         // 配置适配器  
61.         mAdapter.setOnItemClickLitener(new OnItemClickLitener()  
62.         {  
63.             @Override  
64.             public void onItemClick(View view, int position)  
65.             {  
66.                 Toast.makeText(MainActivity.this, position + " click",  
67.                         Toast.LENGTH_SHORT).show();  
68.                 mAdapter.addData(position);  
69.             }  
70.   
71.             @Override  
72.             public void onItemLongClick(View view, int position)  
73.             {  
74.                 Toast.makeText(MainActivity.this, position + " long click",  
75.                         Toast.LENGTH_SHORT).show();  
76.                 mAdapter.removeData(position);  
77.             }  
78.         });  
79.     }  
80.     // 添加数据  
81.     protected void initData() {  
82.         mDatas = new ArrayList<String>();  
83.         for (int i = 'A'; i < 'z'; i++) {  
84.             mDatas.add("" + (char) i);  
85.         }  
86.     }  
87.     // 顶部的5个按钮的点击事件  
88.     @OnClick({R.id.id_action_add, R.id.id_action_delete, R.id.id_action_group, R.id.id_action_list, R.id.id_action_pubu})  
89.     public void onViewClicked(View view) {  
90.         switch (view.getId()) {  
91.             // 添加  
92.             case R.id.id_action_add:  
93.                 mAdapter.addData(1);  
94.                 break;  
95.             // 删除  
96.             case R.id.id_action_delete:  
97.                 mAdapter.removeData(1);  
98.                 break;  
99.             case R.id.id_action_list:  
100.                 mRecyclerView.setAdapter(mAdapter = new HomeAdapter());  
101.                 mRecyclerView.addItemDecoration(new DividerItemDecoration(this,  
102.                         DividerItemDecoration.VERTICAL));  
103.                 mRecyclerView.setLayoutManager(new LinearLayoutManager(this));  
104.                 break;  
105.             case R.id.id_action_group:  
106.                 mRecyclerView.setAdapter(mAdapter = new HomeAdapter());  
107.                 mRecyclerView.addItemDecoration(new DividerItemDecoration(this,  
108.                         DividerItemDecoration.VERTICAL));  
109.                 // GridLayoutManager  
110.                 mRecyclerView.setLayoutManager(new GridLayoutManager(this, 4));  
111.                 break;  
112.             case R.id.id_action_pubu:  
113.                 mRecyclerView.setAdapter(mAdapter = new HomeAdapter());  
114.                 mRecyclerView.addItemDecoration(new DividerItemDecoration(this,  
115.                         DividerItemDecoration.VERTICAL));  
116.                 mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(4,StaggeredGridLayoutManager.VERTICAL));  
117.                 break;  
118.         }  
119.     }  
120.   
121.     // 自定义内部Adapter  
122.     class HomeAdapter extends RecyclerView.Adapter<HomeAdapter.MyViewHolder> {  
123.   
124.         @Override  
125.         public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {  
126.             MyViewHolder holder = new MyViewHolder(LayoutInflater.from(  
127.                     MainActivity.this).inflate(R.layout.item_home, parent,  
128.                     false));  
129.             return holder;  
130.         }  
131. 
     
132.         @Override  
133.         public int getItemCount() {  
134.             return mDatas.size();  
135.         }  
136. 
     
137.         class MyViewHolder extends RecyclerView.ViewHolder {  
138.             TextView tv;    
139.             public MyViewHolder(View view) {  
140.                 super(view);  
141.                 tv = (TextView) view.findViewById(R.id.id_num);  
142.             }  
143.         }  
144.   
145.         public void addData(int position) {  
146.             mDatas.add(position, "Insert One");  
147.             notifyItemInserted(position);  
148.         }  
149.   
150.         public void removeData(int position) {  
151.             mDatas.remove(position);  
152.             notifyItemRemoved(position);  
153.         }  
154.   
155.         // 点击事件  
156.         private OnItemClickLitener mOnItemClickLitener;  
157.         public void setOnItemClickLitener(OnItemClickLitener mOnItemClickLitener)  
158.         {  
159.             this.mOnItemClickLitener = mOnItemClickLitener;  
160.         }  
161.   
162.         @Override  
163.         public void onBindViewHolder(final MyViewHolder holder, final int position)  
164.         {  
165.             holder.tv.setText(mDatas.get(position));   
166.             // 如果设置了回调，则设置点击事件  
167.             if (mOnItemClickLitener != null)  
168.             {  
169.                 holder.itemView.setOnClickListener(new View.OnClickListener()  
170.                 {  
171.                     @Override  
172.                     public void onClick(View v)  
173.                     {  
174.                         int pos = holder.getLayoutPosition();  
175.                         mOnItemClickLitener.onItemClick(holder.itemView, pos);  
176.                     }  
177.                 });  
178.   
179.                 holder.itemView.setOnLongClickListener(new View.OnLongClickListener()  
180.                 {  
181.                     @Override  
182.                     public boolean onLongClick(View v)  
183.                     {  
184.                         int pos = holder.getLayoutPosition();  
185.                         mOnItemClickLitener.onItemLongClick(holder.itemView, pos);  
186.                         return false;  
187.                     }  
188.                 });  
189.             }  
190.         }  
191.     }   
192. }  

在添加点击事件时，要常见一个类：

OnItemClickLitener：

[html] view plain copy
 
package com.eightgroup.rikao1013;  
  
import android.view.View;  
  
/**  
 * Created by 笔片 on 2017/10/13.  
 */  
public interface OnItemClickLitener  
{  
    void onItemClick(View view, int position);  
    void onItemLongClick(View view , int position);  
}  
接下来就来显示布局文件：activity_main.xml:

这其中在预览效果时是显示不出来效果的，只有运行。。。。才能展示效果

[html] view plain copy
 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent" >  
    <LinearLayout  
        android:id="@+id/one"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:orientation="horizontal">  
        <Button  
            android:id="@+id/id_action_add"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="添加"/>  
        <Button  
            android:id="@+id/id_action_delete"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="删除"/>  
        <Button  
            android:id="@+id/id_action_list"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="listview"/>  
        <Button  
            android:id="@+id/id_action_group"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="GroupView"/>  
        <Button  
            android:id="@+id/id_action_pubu"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="瀑布流"/>  
    </LinearLayout>  
  
  
    <android.support.v7.widget.RecyclerView  
        android:layout_below="@id/one"  
        android:id="@+id/id_recyclerview"  
        android:divider="#ffff0000"  
        android:dividerHeight="10dp"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent" />  
  
</RelativeLayout>  

item_home.xml:

[html] view plain copy
 
<?xml version="1.0" encoding="utf-8"?>  
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="match_parent"  
    android:background="#44ff0000"  
    android:layout_height="wrap_content">  
  
    <TextView  
        android:id="@+id/id_num"  
        android:layout_width="match_parent"  
        android:layout_height="50dp"  
        android:gravity="center"  
        android:text="1" />  
    <ImageView  
        android:id="@+id/img"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:layout_marginLeft="100dp"  
        android:src="@mipmap/ic_launcher"/>  
</FrameLayout>  

以上就是RecyclerView的一些简单的基本操作，适合基础人员直接粘贴就可以使用了。