解密RecyclerView自定義分割線
RecyclerView的分割線ItemDecoration是可以自定制的，但是很多情況下我們并不懂怎么去定制它宾符，這需要我們?nèi)チ私馄湓恚?a target="_blank" rel="nofollow">安卓內(nèi)部是怎樣去實(shí)現(xiàn)它的唉擂，然后才能定制出各種花樣各異的不同分割線谭胚，那么接下來我們先看看RecyclerView中的靜態(tài)抽象內(nèi)部類ItemDecoration仙蚜，所有的自定制分割線都應(yīng)該繼承這個(gè)抽象類匙姜，并實(shí)現(xiàn)里面的方法：
```
/**
* 一個(gè)itemdecoration允許應(yīng)用程序添加一個(gè)特殊的圖形和布局偏移到具體項(xiàng)目從適配器的數(shù)據(jù)集脂倦。
* 這對(duì)繪畫之間的項(xiàng)目番宁，突出了分頻器是有用的，可視化分組邊界和更多赖阻。
*
*
所有的ItemDecoration繪制順序我們?cè)谶@里補(bǔ)充說明一下蝶押，onDraw()比onDrawOver調(diào)用在更前面,onDraw()在視圖繪制前完成
*/
public static abstract class ItemDecoration {
/**
* 得出任何適當(dāng)?shù)腎temDecoration為提供給recyclerview畫布。
* 將在項(xiàng)目視圖繪制之前繪制該方法所繪制的任何內(nèi)容火欧，
* 將出現(xiàn)在視圖的下面
*
* @param c? ? ? 畫布
* @param parent 操作的RecyclerView
* @param state? 當(dāng)前RecyclerView的狀態(tài)
*/
public void onDraw(Canvas c, RecyclerView parent, State state) {
onDraw(c, parent);
}
@Deprecated
public void onDraw(Canvas c, RecyclerView parent) {
}
/**
* 與onDraw的差別在于在視圖繪制之后才繪制該方法里面的內(nèi)容
*/
public void onDrawOver(Canvas c, RecyclerView parent, State state) {
onDrawOver(c, parent);
}
@Deprecated
public void onDrawOver(Canvas c, RecyclerView parent) {
}
/**
* @deprecated Use {@link #getItemOffsets(Rect, View, RecyclerView, State)}
*/
@Deprecated
public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
outRect.set(0, 0, 0, 0);
}
```
```
/**
* 檢索項(xiàng)目中所有的item任何偏移量棋电，每個(gè)字段“outRect”都應(yīng)該填充像素?cái)?shù)，比如：padding或者margin
* 默認(rèn)情況下 outRect 的 邊長(zhǎng)都設(shè)置或者返回為零
*
* 如果這個(gè)ItemDecoration并不影響這個(gè)Items視圖苇侵，它應(yīng)該返回零 比如outRect.(0,0,0,0);
*
* 如果你需要另外在適配器中添加數(shù)據(jù)赶盔，你可以使用RecyclerView#getChildAdapterPosition(View)傳入視圖并獲取得到當(dāng)前視圖在適配器中的位置
*
* @param outRect 顯示的矩形
* @param view? ? 添加temDecoration來裝飾的子view
* @param parent? 正在操作的RecyclerView
* @param state? 當(dāng)前RecyclerView的狀態(tài)
*/
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, State state) {
getItemOffsets(outRect, ((LayoutParams) view.getLayoutParams()).getViewLayoutPosition(),
parent);
}
}
}
```
一般我重寫都會(huì)重寫兩個(gè)方法，一個(gè)是getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent)榆浓，另一個(gè)是onDrawOver(Canvas c, RecyclerView parent, State state)
getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent)
他掌握了分割線是否可見的命運(yùn)于未，每個(gè)item的偏移量都是由它控制的，如果想要全部item或者指定某個(gè)item沒有分割線可以使用判斷itemPosition這個(gè)參數(shù)，然后返回四個(gè)零烘浦，比如這里設(shè)置 outRect.set(0, 0, 0, 0);指定的item就沒有分割線了抖坪，這個(gè)方法的主要功能就是計(jì)較各個(gè)item的分割線矩形的大小，這個(gè)方法會(huì)在onDrawOver（）和onDraw（）之前調(diào)用闷叉，可見的item有多少就調(diào)用多少次擦俐。
onDrawOver(Canvas c, RecyclerView parent, State state)
其實(shí)這個(gè)方法和onDraw（）都是可以繪制圖案的，但是onDrawOver（）是在item視圖繪制完成之后調(diào)用的握侧，所以我猜這個(gè)方法的繪制效果會(huì)覆蓋onDraw（）的方法蚯瞧，這個(gè)方法和onDrow（）原則上只調(diào)用一次，而且繪制的時(shí)候是要通過parent.getChildAt(i)來獲取各個(gè)item,如果每個(gè)item都要展示的時(shí)候需要獲取不同的item位置來進(jìn)行繪制分割線藕咏。到這里状知，你有沒有想到什么秽五，對(duì)了孽查，RecyclerView的頭部添加和下拉刷新的動(dòng)畫展示，是常見的分割線使用坦喘，只需要做小小的判斷再根據(jù)各自的定制來完成繪制就行了盲再。
為什么說onDraw（）早于onDrawOver()調(diào)用呢？
我們可能會(huì)糾結(jié)于為什么onDraw()會(huì)比onDrawOver（）早調(diào)用瓣铣，其實(shí)ItemDecoration只是一個(gè)抽象類答朋，并不繼承于View，所以分隔線的產(chǎn)生其實(shí)是依賴于RecyclerView的棠笑，繪制的時(shí)候使用的就是RecyclerView的畫布來繪制梦碗。接下來我們看這兩段我抽出來RecyclerView的源代碼：
@Override
public void onDraw(Canvas c) {
super.onDraw(c);
final int count = mItemDecorations.size();
for (int i = 0; i < count; i++) {
mItemDecorations.get(i).onDraw(c, this, mState);
}
}
@Override
public void draw(Canvas c) {
super.draw(c);
for (int i = 0; i < count; i++) {
mItemDecorations.get(i).onDrawOver(c, this, mState);
}
}
這兩個(gè)方法是RecyclerView調(diào)用的 說明ItemDecoration在onDraw()和draw（）方法中分別調(diào)用了ItemDecoration列表的onDraw(c, this, mState)和onDrawOver(c, this, mState)方法，而onDraw（）的執(zhí)行會(huì)早于draw(),所以推理出onDraw（）早于onDrawOver()調(diào)用蓖救。
http://blog.csdn.net/u010782846/article/details/52619132(View中的draw和onDraw有什么區(qū)別)
RecyclerView.addItemDecoration(ItemDecoration decor)流程
這個(gè)流程其實(shí)非常簡(jiǎn)單洪规，就是做一些判斷，然后添加到mItemDecorations列表對(duì)象中循捺，最終進(jìn)行requestLayout();調(diào)用重繪斩例。
/**
*添加ItemDecoration到RecyclerView中，這個(gè)分割線會(huì)影響到單個(gè)item Views的onMeasur()和onDraw()
*描述：ItemDecoration將會(huì)被執(zhí)行的命令：ItemDecoration會(huì)首先調(diào)用run/queried/draw來放置在ItemView的列表中从橘。
* Padding會(huì)被嵌套到view中念赶，添加Padding我們可以理解為：為了進(jìn)一步展示列表中的分割線，來分配一個(gè)特定區(qū)域
*
* @param decor 添加的ItemDecoration
* @param index index表示插入在decoration鏈表中的位置恰力，如果返回-1 將添加到鏈表最后
*/
public void addItemDecoration(ItemDecoration decor, int index) {
if (mLayout != null) {
mLayout.assertNotInLayoutOrScroll("Cannot add item decoration during a scroll? or"
+ " layout");
}
//確辈婷眨可以調(diào)用onDraw()
if (mItemDecorations.isEmpty()) {
setWillNotDraw(false);
}
//把ItemDecoration添加到列表
if (index < 0) {
mItemDecorations.add(decor);
} else {
mItemDecorations.add(index, decor);
}
markItemDecorInsetsDirty();
//請(qǐng)求重繪
requestLayout();
}
接下來我們講一下官方默認(rèn)的DividerItemDecoration分割線，如果需要源碼可以查看http://blog.csdn.net/lmj623565791/article/details/45059587里面有復(fù)制出來 我這里就不復(fù)制了踩萎，主要講一下流程：
@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);
}
}
我們可以看到正罢，上面就根據(jù)垂直和水平兩種不同分割線，設(shè)置不同的偏移量
@Override
public void onDraw(Canvas c, RecyclerView parent) {
if (mOrientation == VERTICAL_LIST) {
drawVertical(c, parent);
} else {
drawHorizontal(c, parent);
}
}
上面是執(zhí)行了onDraw()方法 不過如果是視圖完成后面添加的分割線還是建議使用onDrawOver()
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);
}
}
各位看官 看清楚了，其實(shí)這才是自定義分割線最難的地方翻具，這個(gè)方法只會(huì)執(zhí)行一次履怯，他通過計(jì)算ItemView的位置來跟其進(jìn)行各種不同的位置的繪制，其實(shí)他就是繪制在RecyclerView中裆泳，只是之前我們通過偏移量設(shè)置了間隔叹洲。
好了，今天就玩到這里了相信大家有了這些基礎(chǔ)后工禾，對(duì)自定義分割線會(huì)越來越有自信的运提。
