【Android 仿微信通訊錄 導(dǎo)航分組列表-上】使用ItemDecoration為RecyclerView打造帶懸停頭部的分組列表

本篇文章已授權(quán)微信公眾號 guolin_blog (郭霖)獨(dú)家發(fā)布
轉(zhuǎn)載請標(biāo)明出處: http://www.reibang.com/p/0d49d9f51d2c
本文出自:【張旭童的博客】 (http://www.reibang.com/users/8e91ff99b072/latest_articles)
代碼傳送門:喜歡的話辉词,隨手點(diǎn)個(gè)star。多謝
https://github.com/mcxtzhang/ItemDecorationIndexBar

一 概述

本文是Android導(dǎo)航分組列表系列上,因時(shí)間和篇幅原因分上下妙蔗,最終上下合璧疚察,
完整版效果如下

這里寫圖片描述

上部殘卷效果如下
兩個(gè)ItemDecoration寨腔,一個(gè)實(shí)現(xiàn)懸停頭部分組列表功能碘耳,一個(gè)實(shí)現(xiàn)分割線(官方demo)
這里寫圖片描述

網(wǎng)上關(guān)于實(shí)現(xiàn)帶懸停分組頭部的列表的方法有很多绝编,像我看過有主席的自定義ExpandListView實(shí)現(xiàn)的胁黑,也看過有人用一個(gè)額外的父布局里面套 RecyclerView/ListView+一個(gè)頭部View(位置固定在父布局上方)實(shí)現(xiàn)的废封。對于以上解決方案,有以下幾點(diǎn)個(gè)人覺得不好的地方:

  1. 現(xiàn)在RecyclerView是主流
  2. 在RecyclerView外套一個(gè)父布局總歸是增加布局層級丧蘸,容易o(hù)verdraw漂洋,顯得不夠優(yōu)雅。
  3. item布局實(shí)現(xiàn)帶這種分類頭部的方法有兩種,一種是把分類頭部當(dāng)做一種itemViewtype(麻煩)氮发,另一種是每個(gè)Item布局都包含了分類頭部的布局渴肉,代碼里根據(jù)postion等信息動態(tài)Visible,Gone頭部(布局冗余爽冕,item效率降低)仇祭。
    況且Google為我們提供了ItemDecoration,它本身就是用來修飾RecyclerView里的Item的颈畸,它的getItemOffsets() onDraw()方法用于為Item分類頭部留出空間和繪制(解決缺點(diǎn)3)乌奇,它的onDrawOver()方法用于繪制懸停的頭部View(解決缺點(diǎn)2)。
    而且更重要的是眯娱,ItemDecoration出來這么久了礁苗,你還不用它
    本文就利用ItemDecoration 打造 分組列表徙缴,并配有懸停頭部功能试伙。
    亮點(diǎn)預(yù)覽:添加多個(gè)ItemDecoration、它們的執(zhí)行順序于样、ItemDecoration方法執(zhí)行順序疏叨、ItemDecoration和RecyclerView的繪制順序

二 使用ItemDecoration

用法:為RecyclerViewPool添加一個(gè)或多個(gè)ItemDecoration

mRv.addItemDecoration(mDecoration = new TitleItemDecoration(this, mDatas)); 
mRv.addItemDecoration(new TitleItemDecoration2(this,mDatas)); 
mRv.addItemDecoration(new DividerItemDecoration(MainActivity.this,DividerItemDecoration.VERTICAL_LIST));

為RecyclerView添加ItemDecoration只要這么一句addItemDecoration(),
它有兩個(gè)同名重載方法:
addItemDecoration(ItemDecoration decor) 常用,(按照add順序糊余,依次渲染ItemDecoration) addItemDecoration(ItemDecoration decor, int index) add一個(gè)ItemDecoration秀又,并為它指定順序
上來就高能,別的講解RecyclerView的文章一般都是對ItemDecoration一筆帶過贬芥,用的Demo一般也都是官方的DividerItemDecoration類吐辙,更別提還添加多個(gè)ItemDecoration了。其實(shí)我也是昨天寫Demo的時(shí)候才發(fā)現(xiàn)這個(gè)方法誓军,點(diǎn)進(jìn)去查看了一下源碼:

    public void addItemDecoration(ItemDecoration decor) {
        addItemDecoration(decor, -1);
    }
    
    public void addItemDecoration(ItemDecoration decor, int index) {
        if (mLayout != null) {
            mLayout.assertNotInLayoutOrScroll("Cannot add item decoration during a scroll  or"
                    + " layout");
        }
        if (mItemDecorations.isEmpty()) {
            setWillNotDraw(false);
        }
        if (index < 0) {
            mItemDecorations.add(decor);
        } else {
            mItemDecorations.add(index, decor);
        }
        markItemDecorInsetsDirty();
        requestLayout();
    }

老套路:我們最常用的單參數(shù)方法 內(nèi)部調(diào)用了雙參數(shù)方法袱讹,并把index 傳入-1
我們add的ItemDecoration 都存儲在RecyclerView類的mItemDecorations變量里昵时,
這個(gè)變量就是一個(gè)ArrayList,定義如下

private final ArrayList<ItemDecoration> mItemDecorations = new ArrayList<>();

三 ItemDecoration方法介紹和編寫

常用(全部)方法:

按照在RecyclerView中它們被調(diào)用的順序排列:

  1. public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state)
  2. public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state)
  3. public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state)
    這個(gè)三個(gè)方法也是繼承一個(gè)ItemDecoration必須實(shí)現(xiàn)的三個(gè)方法椒丧。(其實(shí)ItemDecoration里除了@Deprecated 的方法 也就它們?nèi)艘忌?/li>

方法一的編寫
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state)
我們需要利用 parent和state變量,來獲取需要的輔助信息壶熏,例如postion句柠, 最終調(diào)用outRect.set(int left, int top, int right, int bottom)方法,設(shè)置四個(gè)方向上 需要為ItemView設(shè)置padding的值。
下圖我覺得很經(jīng)典:摘自(https://blog.piasy.com/2016/03/26/Insight-Android-RecyclerView-ItemDecoration/?utm_source=tuicool&utm_medium=referral)向作者表示感謝溯职。如作者不許我轉(zhuǎn)圖精盅,煩請聯(lián)系我刪除


本文的 實(shí)體bean如下編寫:

/**
 * Created by zhangxutong .
 * Date: 16/08/28
 */

public class CityBean {
    private String tag;//所屬的分類(城市的漢語拼音首字母)
    private String city;

    public CityBean(String tag, String city) {
        this.tag = tag;
        this.city = city;
    }

    public String getTag() {
        return tag;
    }

    public void setTag(String tag) {
        this.tag = tag;
    }

    public String getCity() {
        return city;
    }

    public void setCity(String city) {
        this.city = city;
    }
}

getItemOffsets方法 如下:
通過parent獲取postion信息,通過postion拿到數(shù)據(jù)里的每個(gè)bean里的分類谜酒,因?yàn)閿?shù)據(jù)集已經(jīng)有序叹俏,如果與前一個(gè)分類不一樣,說明是一個(gè)新的分類僻族,則需要繪制頭部outRect.set(0, mTitleHeight, 0, 0);粘驰,否則不需要outRect.set(0, 0, 0, 0);。

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);
        int position = ((RecyclerView.LayoutParams) view.getLayoutParams()).getViewLayoutPosition();
        //我記得Rv的item position在重置時(shí)可能為-1.保險(xiǎn)點(diǎn)判斷一下吧
        if (position > -1) {
            if (position == 0) {//等于0肯定要有title的
                outRect.set(0, mTitleHeight, 0, 0);
            } else {//其他的通過判斷
                if (null != mDatas.get(position).getTag() && !mDatas.get(position).getTag().equals(mDatas.get(position - 1).getTag())) {
                    outRect.set(0, mTitleHeight, 0, 0);//不為空 且跟前一個(gè)tag不一樣了述么,說明是新的分類蝌数,也要title
                } else {
                    outRect.set(0, 0, 0, 0);
                }
            }
        }
    }

方法二的編寫
public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state)
我們需要利用 parent和state變量,來獲取需要的輔助信息度秘,例如繪制的上下左右顶伞,childCount, childView等剑梳。唆貌。最終利用c調(diào)用Canvas的方法來繪制出我們想要的UI。會自定義View就會寫本方法~
onDraw繪制出的內(nèi)容是在ItemView下層阻荒,雖然它可以繪制超出getItemOffsets()里的Rect區(qū)域挠锥,但是超出區(qū)域最終不會顯示,但被ItemView覆蓋的區(qū)域會產(chǎn)生OverDraw侨赡。
本文如下編寫:通過parent獲取繪制UI的 left和right以及childCount蓖租, 遍歷childView,根據(jù)childView的postion羊壹,和方法一中的判斷方法一樣蓖宦,來決定是否繪制分類Title區(qū)域:
分類繪制title的方法就是自定義View的套路,根據(jù)確定的上下左右范圍先drawRect繪制一個(gè)背景油猫,然后drawText繪制文字稠茂。
(不會自定義View的可參考郭神 洋神 文章:
http://blog.csdn.net/lmj623565791/article/details/24252901 http://blog.csdn.net/guolin_blog/article/details/17357967)。

    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        super.onDraw(c, parent, state);
        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);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            int position = params.getViewLayoutPosition();
            //我記得Rv的item position在重置時(shí)可能為-1.保險(xiǎn)點(diǎn)判斷一下吧
            if (position > -1) {
                if (position == 0) {//等于0肯定要有title的
                    drawTitleArea(c, left, right, child, params, position);

                } else {//其他的通過判斷
                    if (null != mDatas.get(position).getTag() && !mDatas.get(position).getTag().equals(mDatas.get(position - 1).getTag())) {
                        //不為空 且跟前一個(gè)tag不一樣了情妖,說明是新的分類睬关,也要title
                        drawTitleArea(c, left, right, child, params, position);
                    } else {
                        //none
                    }
                }
            }
        }
    }

    /**
     * 繪制Title區(qū)域背景和文字的方法
     *
     * @param c
     * @param left
     * @param right
     * @param child
     * @param params
     * @param position
     */
    private void drawTitleArea(Canvas c, int left, int right, View child, RecyclerView.LayoutParams params, int position) {//最先調(diào)用,繪制在最下層
        mPaint.setColor(COLOR_TITLE_BG);
        c.drawRect(left, child.getTop() - params.topMargin - mTitleHeight, right, child.getTop() - params.topMargin, mPaint);
        mPaint.setColor(COLOR_TITLE_FONT);
        mPaint.getTextBounds(mDatas.get(position).getTag(), 0, mDatas.get(position).getTag().length(), mBounds);
        c.drawText(mDatas.get(position).getTag(), child.getPaddingLeft(), child.getTop() - params.topMargin - (mTitleHeight / 2 - mBounds.height() / 2), mPaint);
    }

寫完 12 方法毡证,就已經(jīng)完成了分類列表title的繪制电爹,方法3實(shí)現(xiàn)頂部懸停title效果:GO


方法三的編寫
public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state)
和 onDraw()方法類似, 我們需要利用 parent和state變量料睛,來獲取需要的輔助信息丐箩,例如繪制的上下左右摇邦,position, childView等屎勘。施籍。最終利用c調(diào)用Canvas的方法來繪制出我們想要的UI。同樣是會自定義View就會寫本方法~
onDrawOver繪制出的內(nèi)容是在RecyclerView的最上層概漱,會遮擋住ItemView丑慎,So天生自帶懸停效果,用來繪制懸停View再好不過犀概。
本文如下編寫:首先通過parent獲取LayoutManager(由于懸停分組列表的特殊性立哑,寫死了是LinearLayoutManger),然后獲取當(dāng)前第一個(gè)可見itemView以及postion姻灶,以及它所屬的分類title(tag)铛绰,然后繪制懸停View的背景和文字(tag),可參考方法2里的書寫产喉,大同小異捂掰。

    @Override
    public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {//最后調(diào)用 繪制在最上層
        int pos = ((LinearLayoutManager)(parent.getLayoutManager())).findFirstVisibleItemPosition();

        String tag = mDatas.get(pos).getTag();
        //View child = parent.getChildAt(pos);
        View child = parent.findViewHolderForLayoutPosition(pos).itemView;//出現(xiàn)一個(gè)奇怪的bug,有時(shí)候child為空曾沈,所以將 child = parent.getChildAt(i)这嚣。-》 parent.findViewHolderForLayoutPosition(pos).itemView
        mPaint.setColor(COLOR_TITLE_BG);
        c.drawRect(parent.getPaddingLeft(), parent.getPaddingTop(), parent.getRight() - parent.getPaddingRight(), parent.getPaddingTop() + mTitleHeight, mPaint);
        mPaint.setColor(COLOR_TITLE_FONT);
        mPaint.getTextBounds(tag, 0, tag.length(), mBounds);
        c.drawText(tag, child.getPaddingLeft(),
                parent.getPaddingTop() + mTitleHeight - (mTitleHeight / 2 - mBounds.height() / 2),
                mPaint);
    }

至此,我們的 帶懸停頭部的分組列表的ItemDecoration就編寫完畢了塞俱,完整代碼如下:

四 分類title ItemDecoration完整代碼:

/**
 * 有分類title的 ItemDecoration
 * Created by zhangxutong .
 * Date: 16/08/28
 */

public class TitleItemDecoration extends RecyclerView.ItemDecoration {
    private List<CityBean> mDatas;
    private Paint mPaint;
    private Rect mBounds;//用于存放測量文字Rect

    private int mTitleHeight;//title的高
    private static int COLOR_TITLE_BG = Color.parseColor("#FFDFDFDF");
    private static int COLOR_TITLE_FONT = Color.parseColor("#FF000000");
    private static int mTitleFontSize;//title字體大小


    public TitleItemDecoration(Context context, List<CityBean> datas) {
        super();
        mDatas = datas;
        mPaint = new Paint();
        mBounds = new Rect();
        mTitleHeight = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 30, context.getResources().getDisplayMetrics());
        mTitleFontSize = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 16, context.getResources().getDisplayMetrics());
        mPaint.setTextSize(mTitleFontSize);
        mPaint.setAntiAlias(true);
    }

    @Override
    public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
        super.onDraw(c, parent, state);
        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);
            final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
                    .getLayoutParams();
            int position = params.getViewLayoutPosition();
            //我記得Rv的item position在重置時(shí)可能為-1.保險(xiǎn)點(diǎn)判斷一下吧
            if (position > -1) {
                if (position == 0) {//等于0肯定要有title的
                    drawTitleArea(c, left, right, child, params, position);

                } else {//其他的通過判斷
                    if (null != mDatas.get(position).getTag() && !mDatas.get(position).getTag().equals(mDatas.get(position - 1).getTag())) {
                        //不為空 且跟前一個(gè)tag不一樣了姐帚,說明是新的分類,也要title
                        drawTitleArea(c, left, right, child, params, position);
                    } else {
                        //none
                    }
                }
            }
        }
    }

    /**
     * 繪制Title區(qū)域背景和文字的方法
     *
     * @param c
     * @param left
     * @param right
     * @param child
     * @param params
     * @param position
     */
    private void drawTitleArea(Canvas c, int left, int right, View child, RecyclerView.LayoutParams params, int position) {//最先調(diào)用障涯,繪制在最下層
        mPaint.setColor(COLOR_TITLE_BG);
        c.drawRect(left, child.getTop() - params.topMargin - mTitleHeight, right, child.getTop() - params.topMargin, mPaint);
        mPaint.setColor(COLOR_TITLE_FONT);
/*
        Paint.FontMetricsInt fontMetrics = mPaint.getFontMetricsInt();
        int baseline = (getMeasuredHeight() - fontMetrics.bottom + fontMetrics.top) / 2 - fontMetrics.top;*/

        mPaint.getTextBounds(mDatas.get(position).getTag(), 0, mDatas.get(position).getTag().length(), mBounds);
        c.drawText(mDatas.get(position).getTag(), child.getPaddingLeft(), child.getTop() - params.topMargin - (mTitleHeight / 2 - mBounds.height() / 2), mPaint);
    }

    @Override
    public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {//最后調(diào)用 繪制在最上層
        int pos = ((LinearLayoutManager)(parent.getLayoutManager())).findFirstVisibleItemPosition();

        String tag = mDatas.get(pos).getTag();
        //View child = parent.getChildAt(pos);
        View child = parent.findViewHolderForLayoutPosition(pos).itemView;//出現(xiàn)一個(gè)奇怪的bug罐旗,有時(shí)候child為空,所以將 child = parent.getChildAt(i)唯蝶。-》 parent.findViewHolderForLayoutPosition(pos).itemView
        mPaint.setColor(COLOR_TITLE_BG);
        c.drawRect(parent.getPaddingLeft(), parent.getPaddingTop(), parent.getRight() - parent.getPaddingRight(), parent.getPaddingTop() + mTitleHeight, mPaint);
        mPaint.setColor(COLOR_TITLE_FONT);
        mPaint.getTextBounds(tag, 0, tag.length(), mBounds);
        c.drawText(tag, child.getPaddingLeft(),
                parent.getPaddingTop() + mTitleHeight - (mTitleHeight / 2 - mBounds.height() / 2),
                mPaint);
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);
        int position = ((RecyclerView.LayoutParams) view.getLayoutParams()).getViewLayoutPosition();
        //我記得Rv的item position在重置時(shí)可能為-1.保險(xiǎn)點(diǎn)判斷一下吧
        if (position > -1) {
            if (position == 0) {//等于0肯定要有title的
                outRect.set(0, mTitleHeight, 0, 0);
            } else {//其他的通過判斷
                if (null != mDatas.get(position).getTag() && !mDatas.get(position).getTag().equals(mDatas.get(position - 1).getTag())) {
                    outRect.set(0, mTitleHeight, 0, 0);//不為空 且跟前一個(gè)tag不一樣了九秀,說明是新的分類,也要title
                } else {
                    outRect.set(0, 0, 0, 0);
                }
            }
        }
    }

}

五 一些ItemDecoration的相關(guān)補(bǔ)充姿勢:

一. 多個(gè)ItemDecoration粘我,以及它們的繪制順序鼓蜒。
就像第二節(jié)中的用法提到的,可以為一個(gè)RecyclerView添加多個(gè)ItemDecoration征字,那么多個(gè)ItemDecoration的繪制順序是什么呢:我們看看源碼吧:
第二節(jié)中提到都弹,多個(gè)ItemDecoration最終是存儲在RecyclerView里的mItemDecorations(ArrayList)變量中,那我們就去RecyclerView的 源碼里搜一搜匙姜,看看哪些地方用到了mItemDecorations缔杉。
發(fā)現(xiàn)在draw()和onDraw()方法里:按照在mItemDecorations里的postion順序,依次調(diào)用了每個(gè)ItemDecoration的onDrawOver和onDraw方法搁料。所以后添加的ItemDecoration或详,如果和前面的ItemDecoration的繪制區(qū)域有重合的地方,會遮蓋住前面的ItemDecoration(OverDraw)郭计。

    @Override
    public void draw(Canvas c) {
        super.draw(c);

        final int count = mItemDecorations.size();
        for (int i = 0; i < count; i++) {
            mItemDecorations.get(i).onDrawOver(c, this, mState);
        }

    @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);
        }
    }

二. ItemDecoration和RecyclerView的Item的繪制順序霸琴。
在介紹ItemDecoration的三個(gè)方法時(shí),我們提到過結(jié)論:
ItemDecoration的onDraw最先調(diào)用昭伸,繪制在最底層梧乘,
其上再繪制ItemView 中間層,
再上調(diào)用ItemDecoration的onDrawOver庐杨,繪制在最上層选调。
理由:
由上面代碼可見,
RecyclerView的draw()方法中灵份,在super.draw(c)方法調(diào)用完后仁堪,才調(diào)用mItemDecorations.get(i).onDrawOver(c, this, mState);
而super.draw(c)方法就是直接調(diào)用View的public void draw(Canvas canvas) 方法,如下所示:
其中又先調(diào)用了View(RecyclerView)的onDraw()方法填渠,
在RecyclerView的onDraw()方法中弦聂,會調(diào)用mItemDecorations.get(i).onDraw(c, this, mState);
所以onDraw最先調(diào)用,繪制在最底層
后調(diào)用了View(ViewGroup)的dispatchDraw(canvas)方法;
在ViewGroup的dispatchDraw(canvas)方法里氛什,會執(zhí)行 drawChild(Canvas canvas, View child, long drawingTime)方法莺葫,繪制每個(gè)itemView。
所以ItemView繪制在中間層
最后super.draw(c)走完枪眉,調(diào)用mItemDecorations.get(i).onDrawOver(c, this, mState);
所以再上調(diào)用ItemDecoration的onDrawOver捺檬,繪制在最上層。(從方法名字也可以看出哈)
View的draw()方法如下贸铜,

    /**
     * This method is called by ViewGroup.drawChild() to have each child view draw itself.
     *
     * This is where the View specializes rendering behavior based on layer type,
     * and hardware acceleration.
     */
    boolean draw(Canvas canvas, ViewGroup parent, long drawingTime) {
     ............省略
        // Step 3, draw the content
        if (!dirtyOpaque) onDraw(canvas);

        // Step 4, draw the children
        dispatchDraw(canvas);

六 完整代碼地址:

代碼(已修復(fù)空指針bug 2016 08 31 ):
http://download.csdn.net/detail/zxt0601/9618294

歡迎光臨我的github下載上下合集demo:喜歡的隨手點(diǎn)個(gè)star 哈~
https://github.com/mcxtzhang/Demos/tree/master/itemdecorationdemo
master分支為上部殘篇堡纬,sideBar分支為上下合璧完整篇。


七 總結(jié):

本文是我第一次用MarkDown編寫博客萨脑,感覺一個(gè)字爽隐轩。
也是第一次發(fā)到簡書哈因?yàn)樵贑SDN編輯時(shí),就是用MD寫的渤早,所以復(fù)制過來改改就好啦
RecyclerView相關(guān)的各個(gè)類职车,個(gè)個(gè)是寶,每一次探索都覺得如獲至寶鹊杖,
感覺利用ItemDecoration可以干很多事悴灵,可惜ItemDecoration貌似不能接受到用戶的點(diǎn)擊事件~要不我右側(cè)導(dǎo)航欄都想用ItemDecoration實(shí)現(xiàn)了。
關(guān)于可以add多個(gè)ItemDecoration這一點(diǎn)骂蓖,想了一下积瞒,覺得很精妙,這是一種很好的設(shè)計(jì)思想登下,多個(gè)ItemDecoration各司其職茫孔,如本文叮喳,采用官方ItemDecoration作分割線,自己又寫一個(gè)ItemDecoration作分類title和分類title相關(guān)的懸停title缰贝。用時(shí)根據(jù)需要馍悟,選擇任意數(shù)量的“裝飾品”ItemDecoration,來豐富你的RecyclerView剩晴÷嘀洌可能我的low常規(guī)思想還是一個(gè)XXX類,使用時(shí)如果擴(kuò)充功能赞弥,需要extends and code~但這樣不同的功能就太耦合了毅整,不利于復(fù)用。畢竟 “組合大于繼承”绽左。
這一周亞歷山大悼嫉,工作上的事很多,下篇原本打算明天寫的妇菱,可能要挪到周末了承粤。
心急的朋友可以去我的github上 sideBar分支看,就是在本文的基礎(chǔ)上闯团,組合一個(gè)側(cè)邊欄自定義View辛臊,然后利用TinyPinyin(https://github.com/promeG/TinyPinyin) ,取數(shù)據(jù)源的拼音房交,然后利用拼音順序排序數(shù)據(jù)源彻舰,set給Adapter,set給側(cè)邊欄候味,監(jiān)聽側(cè)邊欄的Item切換刃唤,在回調(diào)方法里,調(diào)用RecyclerView的scrollToPositionWithOffset(int position, int offset) 方法白群,滑動RecyclerView到指定位置~尚胞。


八 作者相關(guān):

我的CSDN博客:
http://blog.csdn.net/zxt0601
我的稀土掘金:
http://gold.xitu.io/user/56de210b816dfa0052e66495
我的簡書:
http://www.reibang.com/users/8e91ff99b072/timeline
我的github:
https://github.com/mcxtzhang


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市帜慢,隨后出現(xiàn)的幾起案子笼裳,更是在濱河造成了極大的恐慌,老刑警劉巖粱玲,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件躬柬,死亡現(xiàn)場離奇詭異,居然都是意外死亡抽减,警方通過查閱死者的電腦和手機(jī)允青,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來卵沉,“玉大人颠锉,你說我怎么就攤上這事法牲。” “怎么了木柬?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵皆串,是天一觀的道長。 經(jīng)常有香客問我眉枕,道長,這世上最難降的妖魔是什么怜森? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任速挑,我火速辦了婚禮,結(jié)果婚禮上副硅,老公的妹妹穿的比我還像新娘姥宝。我一直安慰自己,他們只是感情好恐疲,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布腊满。 她就那樣靜靜地躺著,像睡著了一般培己。 火紅的嫁衣襯著肌膚如雪碳蛋。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天省咨,我揣著相機(jī)與錄音肃弟,去河邊找鬼。 笑死零蓉,一個(gè)胖子當(dāng)著我的面吹牛笤受,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播敌蜂,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼箩兽,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了章喉?” 一聲冷哼從身側(cè)響起汗贫,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎囊陡,沒想到半個(gè)月后芳绩,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡撞反,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年妥色,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片遏片。...
    茶點(diǎn)故事閱讀 38,018評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡嘹害,死狀恐怖撮竿,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情笔呀,我是刑警寧澤幢踏,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布,位于F島的核電站许师,受9級特大地震影響房蝉,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜微渠,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一搭幻、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧逞盆,春花似錦檀蹋、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至舅逸,卻和暖如春桌肴,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背堡赔。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工识脆, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人善已。 一個(gè)月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓灼捂,卻偏偏與公主長得像,于是被迫代替她去往敵國和親换团。 傳聞我的和親對象是個(gè)殘疾皇子悉稠,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內(nèi)容