為什么要使用ItemDecoration
泡在網(wǎng)上的日子 / 文 發(fā)表于2017-06-22 17:20 第277次閱讀 ItemDecoration,RecyclerView
0
編輯推薦：稀土掘金，這是一個(gè)針對(duì)技術(shù)開(kāi)發(fā)者的一個(gè)應(yīng)用，你可以在掘金上獲取最新最優(yōu)質(zhì)的技術(shù)干貨磷蜀，不僅僅是Android知識(shí)搔确、前端、后端以至于產(chǎn)品和設(shè)計(jì)都有涉獵荚孵，想成為全棧工程師的朋友不要錯(cuò)過(guò)！
原文：ItemDecoration in Android Part 1 : Avoid adding dividers to the view layout
Part 1：不要用view做分割線

1498123313800821.jpeg

但是到了RecyclerView承绸，就再也不能直接添加divider了。需要添加一個(gè)繪制divider的ItemDecoration弧械。但是開(kāi)發(fā)者發(fā)現(xiàn)它很麻煩八酒，于是直接把divider添加到（item的）view上，而不是使用ItemDecoration刃唐。
<LinearLayout android:orientation="vertical">
<LinearLayout android:orientation="horizontal">
<ImageView />
<TextView />
</LinearLayout>
<View
android:width="match_parent"
android:height="1dp"
android:background="#333" />
</LinearLayout>

每當(dāng)我們走捷徑的時(shí)候羞迷，都有可能會(huì)產(chǎn)生副作用。而這里的副作用是可能影響性能画饥。
當(dāng)在布局中添加了一個(gè)divider的時(shí)候衔瓮，我們?cè)黾恿藇iew的個(gè)數(shù)。我們都知道view的數(shù)目越少會(huì)得到越好的性能抖甘。有時(shí)候增加一個(gè)view來(lái)實(shí)現(xiàn)divider還會(huì)增加布局的層級(jí)热鞍。比如上面的例子中，我們不僅僅增加了一個(gè)view衔彻，還增加了一個(gè)包含它們的 linear layout薇宠。為了一個(gè)divider而創(chuàng)建了額外的布局。
不要用view做分割線?—會(huì)帶來(lái)副作用
因?yàn)閐ivider是view的一部分艰额，所以在item 動(dòng)畫(huà)期間澄港，divider也會(huì)一起跟著動(dòng)畫(huà)。如下圖：

1498117406107936.gif

顯然divider不應(yīng)該隨著item一起做動(dòng)畫(huà)柄沮。而是和item分開(kāi)回梧，像這樣才是對(duì)的：

1498120170236717.gif

1498120202925785.png

@Override
public void onDraw(Canvas canvas, RecyclerView parent, RecyclerView.State state) {
canvas.save();
final int leftWithMargin = convertDpToPixel(56);
final int right = parent.getWidth();

final int childCount = parent.getChildCount();
for (int i = 0; i < childCount; i++) {
final View child = parent.getChildAt(i);
int adapterPosition = parent.getChildAdapterPosition(child);
left = (adapterPosition == lastPosition) ? 0 : leftWithMargin;
parent.getDecoratedBoundsWithMargins(child, mBounds);
final int bottom = mBounds.bottom + Math.round(ViewCompat.getTranslationY(child));
final int top = bottom - mDivider.getIntrinsicHeight();
mDivider.setBounds(left, top, right, bottom);
mDivider.draw(canvas);
}
canvas.restore();
}

不要用view做分割線—使用 ItemDecoration
寫(xiě)一個(gè)自己的ItemDecoration其實(shí)非常簡(jiǎn)單镐作。你只需要?jiǎng)?chuàng)建一個(gè)繼承了ItemDecoration的類(lèi)就可以了纬纪。重寫(xiě) getItemOffsets() 和 onDraw() 方法蚓再。具體實(shí)現(xiàn)可以參考 這個(gè) 示例。
而 25.0.0版本的支持庫(kù)中包各，我們有一個(gè)新的類(lèi) “DividerItemDecoration”摘仅。這個(gè)類(lèi)直接實(shí)現(xiàn)了divider。
DividerItemDecoration decoration = new DividerItemDecoration(getApplicationContext(), VERTICAL);
recyclerView.addItemDecoration(decoration);

提示
一個(gè)RecyclerView可以添加多個(gè)ItemDecoration问畅。發(fā)揮頭腦風(fēng)暴的時(shí)候到了娃属。

所有decoration都在item繪制之前繪制。如果你想讓decoration在view之后繪制护姆，重寫(xiě)onDrawOver() 而不是onDraw() 矾端。

所以下次想為RecyclerView添加分割線的時(shí)候，別使用在item布局添加view這種方式了卵皂，使用ItemDecoration秩铆。