Android教程網 >> Android技術 >> 關於Android編程 >> Android RecyclerView 使用解析

Android RecyclerView 使用解析

編輯：關於Android編程

RecyclerView出現已經有一段時間了，相信大家肯定不陌生了，大家可以通過導入support-v7對其進行使用。
據官方的介紹，該控件用於在有限的窗口中展示大量數據集，其實這樣功能的控件我們並不陌生，例如：ListView、GridView。

那麼有了ListView、GridView為什麼還需要RecyclerView這樣的控件呢？整體上看RecyclerView架構，提供了一種插拔式的體驗，高度的解耦，異常的靈活，通過設置它提供的不同LayoutManager，ItemDecoration , ItemAnimator實現令人瞠目的效果。

你想要控制其顯示的方式，請通過布局管理器LayoutManager
你想要控制Item間的間隔（可繪制），請通過ItemDecoration
你想要控制Item增刪的動畫，請通過ItemAnimator

你想要控制點擊、長按事件，請自己寫（擦，這點尼瑪。）

基本使用

鑒於我們對於ListView的使用特別的熟悉，對比下RecyclerView的使用代碼：

mRecyclerView = findView(R.id.id_recyclerview);
//設置布局管理器
mRecyclerView.setLayoutManager(layout);
//設置adapter
mRecyclerView.setAdapter(adapter)
//設置Item增加、移除動畫
mRecyclerView.setItemAnimator(new DefaultItemAnimator());
//添加分割線
mRecyclerView.addItemDecoration(new DividerItemDecoration(
                getActivity(), DividerItemDecoration.HORIZONTAL_LIST));1
2
3
4
5
6
7
8
9
10
1
2
3
4
5
6
7
8
9
10

ok，相比較於ListView的代碼，ListView可能只需要去設置一個adapter就能正常使用了。而RecyclerView基本需要上面一系列的步驟，那麼為什麼會添加這麼多的步驟呢？

那麼就必須解釋下RecyclerView的這個名字了，從它類名上看，RecyclerView代表的意義是，我只管Recycler View，也就是說RecyclerView只管回收與復用View，其他的你可以自己去設置。可以看出其高度的解耦，給予你充分的定制自由（所以你才可以輕松的通過這個控件實現ListView,GirdView，瀑布流等效果）。

Just like ListView

Activity

package it.gmariotti.recyclerview.itemanimator.demo;

import java.util.ArrayList;
import java.util.List;

import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.RecyclerView.ViewHolder;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

public class HomeActivity extends ActionBarActivity
{

    private RecyclerView mRecyclerView;
    private List mDatas;
    private HomeAdapter mAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_single_recyclerview);

        initData();
        mRecyclerView = (RecyclerView) findViewById(R.id.id_recyclerview);
        mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
        mRecyclerView.setAdapter(mAdapter = new HomeAdapter());

    }

    protected void initData()
    {
        mDatas = new ArrayList();
        for (int i = 'A'; i < 'z'; i++)
        {
            mDatas.add("" + (char) i);
        }
    }

    class HomeAdapter extends RecyclerView.Adapter
    {

        @Override
        public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType)
        {
            MyViewHolder holder = new MyViewHolder(LayoutInflater.from(
                    HomeActivity.this).inflate(R.layout.item_home, parent,
                    false));
            return holder;
        }

        @Override
        public void onBindViewHolder(MyViewHolder holder, int position)
        {
            holder.tv.setText(mDatas.get(position));
        }

        @Override
        public int getItemCount()
        {
            return mDatas.size();
        }

        class MyViewHolder extends ViewHolder
        {

            TextView tv;

            public MyViewHolder(View view)
            {
                super(view);
                tv = (TextView) view.findViewById(R.id.id_num);
            }
        }
    }

}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

Activity的布局文件

Item的布局文件

這麼看起來用法與ListView的代碼基本一致哈~~
看下效果圖：

vcq9sru5u9PF0cWjrM7Sw8fOxNXCv6rKvMu1wcujrM7Sw8e/ydLU19TTybXEyKW2qNbGy/yjrLWxyLvO0sPHtcS31rjuz9/SssrHv8nS1Lao1sa1xKGjPC9wPgo8aDMgaWQ9"itemdecoration"> ItemDecoration

我們可以通過該方法添加分割線：
mRecyclerView.addItemDecoration()
該方法的參數為RecyclerView.ItemDecoration，該類為抽象類，官方目前並沒有提供默認的實現類（我覺得最好能提供幾個）。
該類的源碼：

public static abstract class ItemDecoration {

public void onDraw(Canvas c, RecyclerView parent, State state) {
            onDraw(c, parent);
 }


public void onDrawOver(Canvas c, RecyclerView parent, State state) {
            onDrawOver(c, parent);
 }

public void getItemOffsets(Rect outRect, View view, RecyclerView parent, State state) {
            getItemOffsets(outRect, ((LayoutParams) view.getLayoutParams()).getViewLayoutPosition(),
                    parent);
}

@Deprecated
public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
            outRect.set(0, 0, 0, 0);
 }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

當我們調用mRecyclerView.addItemDecoration()方法添加decoration的時候，RecyclerView在繪制的時候，去會繪制decorator，即調用該類的onDraw和onDrawOver方法，

onDraw方法先於drawChildren
onDrawOver在drawChildren之後，一般我們選擇復寫其中一個即可。

getItemOffsets 可以通過outRect.set()為每個Item設置一定的偏移量，主要用於繪制Decorator。

接下來我們看一個RecyclerView.ItemDecoration的實現類，該類很好的實現了RecyclerView添加分割線（當使用LayoutManager為LinearLayoutManager時）。
該類參考自：DividerItemDecoration


package com.zhy.sample.demo_recyclerview;

/*
 * Copyright (C) 2014 The Android Open Source Project
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * limitations under the License.
 */

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.RecyclerView.State;
import android.util.Log;
import android.view.View;


/**
 * This class is from the v7 samples of the Android SDK. It's not by me!
 * 
 * See the license above for details.
 */
public class DividerItemDecoration extends RecyclerView.ItemDecoration {

    private static final int[] ATTRS = new int[]{
            android.R.attr.listDivider
    };

    public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;

    public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;

    private Drawable mDivider;

    private int mOrientation;

    public DividerItemDecoration(Context context, int orientation) {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        mDivider = a.getDrawable(0);
        a.recycle();
        setOrientation(orientation);
    }

    public void setOrientation(int orientation) {
        if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST) {
            throw new IllegalArgumentException("invalid orientation");
        }
        mOrientation = orientation;
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent) {
        Log.v("recyclerview - itemdecoration", "onDraw()");

        if (mOrientation == VERTICAL_LIST) {
            drawVertical(c, parent);
        } else {
            drawHorizontal(c, parent);
        }

    }


    public void drawVertical(Canvas c, RecyclerView parent) {
        final int left = parent.getPaddingLeft();
        final int right = parent.getWidth() - parent.getPaddingRight();

        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            android.support.v7.widget.RecyclerView v = new android.support.v7.widget.RecyclerView(parent.getContext());
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int top = child.getBottom() + params.bottomMargin;
            final int bottom = top + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    public void drawHorizontal(Canvas c, RecyclerView parent) {
        final int top = parent.getPaddingTop();
        final int bottom = parent.getHeight() - parent.getPaddingBottom();

        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++) {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int left = child.getRight() + params.rightMargin;
            final int right = left + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    @Override
    public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
        if (mOrientation == VERTICAL_LIST) {
            outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
        } else {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110

該實現類可以看到通過讀取系統主題中的Android.R.attr.listDivider作為Item間的分割線，並且支持橫向和縱向。如果你不清楚它是怎麼做到的讀取系統的屬性用於自身，請參考我的另一篇博文：Android 深入理解Android中的自定義屬性

獲取到listDivider以後，該屬性的值是個Drawable，在getItemOffsets中，outRect去設置了繪制的范圍。onDraw中實現了真正的繪制。

我們在原來的代碼中添加一句：

mRecyclerView.addItemDecoration(new DividerItemDecoration(this,
DividerItemDecoration.VERTICAL_LIST));1
2
1
2

ok，現在再運行，就可以看到分割線的效果了。

該分割線是系統默認的，你可以在theme.xml中找到該屬性的使用情況。那麼，使用系統的listDivider有什麼好處呢？就是方便我們去隨意的改變，該屬性我們可以直接聲明在：

然後自己寫個drawable即可，下面我們換一種分隔符：

現在的樣子是：

當然了，你可以根據自己的需求，去隨意的繪制，反正是畫出來的，隨便玩~~

ok，看到這，你可能覺得，這玩意真尼瑪麻煩，完全不能比擬的心愛的ListView。那麼繼續看。

LayoutManager

好了，上面實現了類似ListView樣子的Demo，通過使用其默認的LinearLayoutManager。

RecyclerView.LayoutManager吧，這是一個抽象類，好在系統提供了3個實現類：

LinearLayoutManager 現行管理器，支持橫向、縱向。
GridLayoutManager 網格布局管理器

StaggeredGridLayoutManager 瀑布就式布局管理器

上面我們已經初步體驗了下LinearLayoutManager，接下來看GridLayoutManager。

GridLayoutManager

我們嘗試去實現類似GridView，秒秒鐘的事情：

//mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
        mRecyclerView.setLayoutManager(new GridLayoutManager(this,4));1
2
1
2

只需要修改LayoutManager即可，還是很nice的。

當然了，改為GridLayoutManager以後，對於分割線，前面的DividerItemDecoration就不適用了，主要是因為它在繪制的時候，比如水平線，針對每個child的取值為：

final int left = parent.getPaddingLeft();
final int right = parent.getWidth() - parent.getPaddingRight();1
2
1
2

因為每個Item一行，這樣是沒問題的。而GridLayoutManager時，一行有多個childItem，這樣就多次繪制了，並且GridLayoutManager時，Item如果為最後一列（則右邊無間隔線）或者為最後一行（底部無分割線）。

針對上述，我們編寫了DividerGridItemDecoration。

package com.zhy.sample.demo_recyclerview;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Rect;
import android.graphics.drawable.Drawable;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.support.v7.widget.RecyclerView.LayoutManager;
import android.support.v7.widget.RecyclerView.State;
import android.support.v7.widget.StaggeredGridLayoutManager;
import android.view.View;

/**
 * 
 * @author zhy
 * 
 */
public class DividerGridItemDecoration extends RecyclerView.ItemDecoration
{

    private static final int[] ATTRS = new int[] { android.R.attr.listDivider };
    private Drawable mDivider;

    public DividerGridItemDecoration(Context context)
    {
        final TypedArray a = context.obtainStyledAttributes(ATTRS);
        mDivider = a.getDrawable(0);
        a.recycle();
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent, State state)
    {

        drawHorizontal(c, parent);
        drawVertical(c, parent);

    }

    private int getSpanCount(RecyclerView parent)
    {
        // 列數
        int spanCount = -1;
        LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager)
        {

            spanCount = ((GridLayoutManager) layoutManager).getSpanCount();
        } else if (layoutManager instanceof StaggeredGridLayoutManager)
        {
            spanCount = ((StaggeredGridLayoutManager) layoutManager)
                    .getSpanCount();
        }
        return spanCount;
    }

    public void drawHorizontal(Canvas c, RecyclerView parent)
    {
        int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++)
        {
            final View child = parent.getChildAt(i);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int left = child.getLeft() - params.leftMargin;
            final int right = child.getRight() + params.rightMargin
                    + mDivider.getIntrinsicWidth();
            final int top = child.getBottom() + params.bottomMargin;
            final int bottom = top + mDivider.getIntrinsicHeight();
            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    public void drawVertical(Canvas c, RecyclerView parent)
    {
        final int childCount = parent.getChildCount();
        for (int i = 0; i < childCount; i++)
        {
            final View child = parent.getChildAt(i);

            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            final int top = child.getTop() - params.topMargin;
            final int bottom = child.getBottom() + params.bottomMargin;
            final int left = child.getRight() + params.rightMargin;
            final int right = left + mDivider.getIntrinsicWidth();

            mDivider.setBounds(left, top, right, bottom);
            mDivider.draw(c);
        }
    }

    private boolean isLastColum(RecyclerView parent, int pos, int spanCount,
            int childCount)
    {
        LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager)
        {
            if ((pos + 1) % spanCount == 0)// 如果是最後一列，則不需要繪制右邊
            {
                return true;
            }
        } else if (layoutManager instanceof StaggeredGridLayoutManager)
        {
            int orientation = ((StaggeredGridLayoutManager) layoutManager)
                    .getOrientation();
            if (orientation == StaggeredGridLayoutManager.VERTICAL)
            {
                if ((pos + 1) % spanCount == 0)// 如果是最後一列，則不需要繪制右邊
                {
                    return true;
                }
            } else
            {
                childCount = childCount - childCount % spanCount;
                if (pos >= childCount)// 如果是最後一列，則不需要繪制右邊
                    return true;
            }
        }
        return false;
    }

    private boolean isLastRaw(RecyclerView parent, int pos, int spanCount,
            int childCount)
    {
        LayoutManager layoutManager = parent.getLayoutManager();
        if (layoutManager instanceof GridLayoutManager)
        {
            childCount = childCount - childCount % spanCount;
            if (pos >= childCount)// 如果是最後一行，則不需要繪制底部
                return true;
        } else if (layoutManager instanceof StaggeredGridLayoutManager)
        {
            int orientation = ((StaggeredGridLayoutManager) layoutManager)
                    .getOrientation();
            // StaggeredGridLayoutManager 且縱向滾動
            if (orientation == StaggeredGridLayoutManager.VERTICAL)
            {
                childCount = childCount - childCount % spanCount;
                // 如果是最後一行，則不需要繪制底部
                if (pos >= childCount)
                    return true;
            } else
            // StaggeredGridLayoutManager 且橫向滾動
            {
                // 如果是最後一行，則不需要繪制底部
                if ((pos + 1) % spanCount == 0)
                {
                    return true;
                }
            }
        }
        return false;
    }

    @Override
    public void getItemOffsets(Rect outRect, int itemPosition,
            RecyclerView parent)
    {
        int spanCount = getSpanCount(parent);
        int childCount = parent.getAdapter().getItemCount();
        if (isLastRaw(parent, itemPosition, spanCount, childCount))// 如果是最後一行，則不需要繪制底部
        {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
        } else if (isLastColum(parent, itemPosition, spanCount, childCount))// 如果是最後一列，則不需要繪制右邊
        {
            outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
        } else
        {
            outRect.set(0, 0, mDivider.getIntrinsicWidth(),
                    mDivider.getIntrinsicHeight());
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178

主要在getItemOffsets方法中，去判斷如果是最後一行，則不需要繪制底部；如果是最後一列，則不需要繪制右邊，整個判斷也考慮到了StaggeredGridLayoutManager的橫向和縱向，所以稍稍有些復雜。最重要還是去理解，如何繪制什麼的不重要。一般如果僅僅是希望有空隙，還是去設置item的margin方便。

最後的效果是：

ok，看到這，你可能還覺得RecyclerView不夠強大？

但是如果我們有這麼個需求，縱屏的時候顯示為ListView，橫屏的時候顯示兩列的GridView，我們RecyclerView可以輕松搞定，而如果使用ListView去實現還是需要點功夫的~~~

當然了，這只是皮毛，下面讓你心服口服。

StaggeredGridLayoutManager
瀑布流式的布局，其實他可以實現GridLayoutManager一樣的功能，僅僅按照下列代碼：
```
// mRecyclerView.setLayoutManager(new GridLayoutManager(this,4));
        mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(4,        StaggeredGridLayoutManager.VERTICAL));1
2
1
2
```
這兩種寫法顯示的效果是一致的，但是注意StaggeredGridLayoutManager構造的第二個參數傳一個orientation，如果傳入的是StaggeredGridLayoutManager.VERTICAL代表有多少列；那麼傳入的如果是StaggeredGridLayoutManager.HORIZONTAL就代表有多少行，比如本例如果改為：
```
mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(4,
        StaggeredGridLayoutManager.HORIZONTAL));1
2
1
2
```
那麼效果為：

可以看到，固定為4行，變成了左右滑動。有一點需要注意，如果是橫向的時候，item的寬度需要注意去設置，畢竟橫向的寬度沒有約束了，應為控件可以橫向滾動了。
如果你需要一樣橫向滾動的GridView，那麼恭喜你。

ok，接下來准備看大招，如果讓你去實現個瀑布流，最起碼不是那麼隨意就可以實現的吧？但是，如果使用RecyclerView，分分鐘的事。
那麼如何實現？其實你什麼都不用做，只要使用StaggeredGridLayoutManager我們就已經實現了，只是上面的item布局我們使用了固定的高度，下面我們僅僅在適配器的onBindViewHolder方法中為我們的item設置個隨機的高度（代碼就不貼了，最後會給出源碼下載地址），看看效果圖：

是不是棒棒哒，通過RecyclerView去實現ListView、GridView、瀑布流的效果基本上沒有什麼區別，而且可以僅僅通過設置不同的LayoutManager即可實現。

還有更nice的地方，就在於item增加、刪除的動畫也是可配置的。接下來看一下ItemAnimator。

ItemAnimator

ItemAnimator也是一個抽象類，好在系統為我們提供了一種默認的實現類，期待系統多
添加些默認的實現。

借助默認的實現，當Item添加和移除的時候，添加動畫效果很簡單:
```
// 設置item動畫
mRecyclerView.setItemAnimator(new DefaultItemAnimator());1
2
1
2
```
系統為我們提供了一個默認的實現，我們為我們的瀑布流添加以上一行代碼，效果為：

如果是GridLayoutManager呢？動畫效果為：

注意，這裡更新數據集不是用adapter.notifyDataSetChanged()而是
notifyItemInserted(position)與notifyItemRemoved(position)
否則沒有動畫效果。
上述為adapter中添加了兩個方法：
```
public void addData(int position) {
        mDatas.add(position, "Insert One");
        notifyItemInserted(position);
    }

    public void removeData(int position) {
            mDatas.remove(position);
        notifyItemRemoved(position);
    }1
2
3
4
5
6
7
8
9
1
2
3
4
5
6
7
8
9
```
Activity中點擊MenuItem觸發：
```
    @Override
    public boolean onCreateOptionsMenu(Menu menu)
    {
        getMenuInflater().inflate(R.menu.main, menu);
        return super.onCreateOptionsMenu(menu);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item)
    {
        switch (item.getItemId())
        {
        case R.id.id_action_add:
            mAdapter.addData(1);
            break;
        case R.id.id_action_delete:
            mAdapter.removeData(1);
            break;
        }
        return true;
    }1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
```
好了，到這我對這個控件已經不是一般的喜歡了~~~

當然了只提供了一種動畫，那麼我們肯定可以去自定義各種nice的動畫效果。
高興的是，github上已經有很多類似的項目了，這裡我們直接引用下：RecyclerViewItemAnimators，大家自己下載查看。
提供了SlideInOutLeftItemAnimator,SlideInOutRightItemAnimator,
SlideInOutTopItemAnimator,SlideInOutBottomItemAnimator等動畫效果。

Click and LongClick

不過一個挺郁悶的地方就是，系統沒有提供ClickListener和LongClickListener。
不過我們也可以自己去添加，只是會多了些代碼而已。
實現的方式比較多，你可以通過mRecyclerView.addOnItemTouchListener去監聽然後去判斷手勢，
當然你也可以通過adapter中自己去提供回調，這裡我們選擇後者，前者的方式，大家有興趣自己去實現。

那麼代碼也比較簡單：
```
class HomeAdapter extends RecyclerView.Adapter
{

//...
    public interface OnItemClickLitener
    {
        void onItemClick(View view, int position);
        void onItemLongClick(View view , int position);
    }

    private OnItemClickLitener mOnItemClickLitener;

    public void setOnItemClickLitener(OnItemClickLitener mOnItemClickLitener)
    {
        this.mOnItemClickLitener = mOnItemClickLitener;
    }

    @Override
    public void onBindViewHolder(final MyViewHolder holder, final int position)
    {
        holder.tv.setText(mDatas.get(position));

        // 如果設置了回調，則設置點擊事件
        if (mOnItemClickLitener != null)
        {
            holder.itemView.setOnClickListener(new OnClickListener()
            {
                @Override
                public void onClick(View v)
                {
                    int pos = holder.getLayoutPosition();
                    mOnItemClickLitener.onItemClick(holder.itemView, pos);
                }
            });

            holder.itemView.setOnLongClickListener(new OnLongClickListener()
            {
                @Override
                public boolean onLongClick(View v)
                {
                    int pos = holder.getLayoutPosition();
                    mOnItemClickLitener.onItemLongClick(holder.itemView, pos);
                    return false;
                }
            });
        }
    }
//...
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
```
adapter中自己定義了個接口，然後在onBindViewHolder中去為holder.itemView去設置相應
的監聽最後回調我們設置的監聽。

最後別忘了給item添加一個drawable:
```
    
    

1
2
3
4
5
6
1
2
3
4
5
6
```
Activity中去設置監聽：
```
        mAdapter.setOnItemClickLitener(new OnItemClickLitener()
        {

            @Override
            public void onItemClick(View view, int position)
            {
                Toast.makeText(HomeActivity.this, position + " click",
                        Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onItemLongClick(View view, int position)
            {
                Toast.makeText(HomeActivity.this, position + " long click",
                        Toast.LENGTH_SHORT).show();
                        mAdapter.removeData(position);
            }
        });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
```
測試效果：

ok，到此我們基本介紹了RecylerView常見用法，包含了：
- 系統提供了幾種LayoutManager的使用；
- 如何通過自定義ItemDecoration去設置分割線，或者一些你想作為分隔的drawable，注意這裡
  巧妙的使用了系統的listDivider屬性，你可以嘗試添加使用divider和dividerHeight屬性。
- 如何使用ItemAnimator為RecylerView去添加Item移除、添加的動畫效果。
- 介紹了如何添加ItemClickListener與ItemLongClickListener。
  可以看到RecyclerView可以實現：
  - ListView的功能
  - GridView的功能
  - 橫向ListView的功
  - 橫向ScrollView的功能
  - 瀑布流效果
  - 便於添加Item增加和移除動畫
    整個體驗下來，感覺這種插拔式的設計太棒了，如果系統再能提供一些常用的分隔符，多添加些動畫效果就更好了。
    
    通過簡單改變下LayoutManager，就可以產生不同的效果，那麼我們可以根據手機屏幕的寬度去動態設置LayoutManager，屏幕寬度一般的，顯示為ListView；寬度稍大的顯示兩列的GridView或者瀑布流（或者橫縱屏幕切換時變化，有點意思~）；顯示的列數和寬度成正比。甚至某些特殊屏幕，讓其橫向滑動~~再選擇一個nice的動畫效果，相信這種插件式的編碼體驗一定會讓你迅速愛上RecyclerView。

上一頁:繪圖機制
下一頁:FragmentTabHost的應用

關於Android編程

Android編程入門 Android技術基礎 Android資訊關於Android編程 Android開發 Android開發環境 Android開發實例

相關文章

Android RecyclerView 使用解析

基本使用

Just like ListView

LayoutManager

ItemAnimator

Click and LongClick