RecycleView使用过程中的踩坑总结

一、RecycleView 基本使用

这部分来看Bugly写的: RecycleView必知必会

这篇文章介绍了RecycleView的一般用法,也讲了Listview和RecycleView的缓存机制。

二、在工作实践中的坑

  • 在直播开发中,在评论那块用的就是RecycleView,下面就来说下使用过程中遇到的坑吧~

需求:首先评论区域的RecycleView是固定大小的,而且需要频繁的自动滚动,当然在用户向上浏览消息的时候,是不自动滚动的,而是出现一个消息数的提示,并且在上方边界还要有个淡出的效果。顶部有一段空白。

一、 RecycleView的滚动是靠LayoutManager来实现的,但是当数据量比较大的情况下(产品要求历史消息2000条),调用smoothScrollToPosition()方法来自然滚动是需要发费大量时间的,但是评论时消息是来的很快的,就会造成滚不赢的情况。

解决方法:我们通过重写LayoutManager来实现,通过重写他计算滚动时间的方法。具体见代码注释。

public class LiveLayoutManager extends LinearLayoutManager {

    public LiveLayoutManager(Context context) {
        super(context);
    }

    public LiveLayoutManager(Context context, int orientation, boolean reverseLayout) {
        super(context, orientation, reverseLayout);
    }

    public LiveLayoutManager(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
    }
    
    /* 直播界面IM 消息 layoutManager  频繁刷新的话会出现如下错误
     * java.lang.IndexOutOfBoundsException: Inconsistency detected.    Invalid view holder adapter positionViewHolder
     * 所以在这里加上try catch
     * /
    @Override
    public void onLayoutChildren(RecyclerView.Recycler recycler, RecyclerView.State state) {
        try {
            super.onLayoutChildren(recycler, state);
        } catch (Exception e) {
            DebugLog.d("LiveIMMessage", e.getMessage());
        }
    }

    /**
     * 重写LinearSmoothScroller 使得大量数据滚动的时候,时间变短
     * @param recyclerView
     * @param state
     * @param position
     */
    @Override
    public void smoothScrollToPosition(RecyclerView recyclerView, RecyclerView.State state, int position) {
        LinearSmoothScroller linearSmoothScroller =
                new LinearSmoothScroller(recyclerView.getContext()) {
                    @Override
                    protected int calculateTimeForScrolling(int dx) {
                        /**
                         * 此函数计算滚动dx的距离需要多久,当要滚动的距离很大时,比如说50000,
                         * 经测试,系统会多次调用此函数,每10000距离调一次,所以总的滚动时间
                         * 是多次调用此函数返回的时间的和,所以修改每次调用该函数时返回的时间的
                         * 大小就可以影响滚动需要的总时间,可以直接修改些函数的返回值,也可以修改
                         * dx的值,这里暂定使用后者.
                         * (See LinearSmoothScroller.TARGET_SEEK_SCROLL_DISTANCE_PX)
                         */
                        if (dx > 1000) {
                            dx = 1000;
                        }
                        return super.calculateTimeForScrolling(dx);
                    }

                    @Override
                    public PointF computeScrollVectorForPosition(int targetPosition) {
                        return LiveLayoutManager.this.computeScrollVectorForPosition(targetPosition);
                    }
                };
        linearSmoothScroller.setTargetPosition(position);
        startSmoothScroll(linearSmoothScroller);
    }
}

说道这里我们在提一下LayoutManager的其他滚动方法。

这是带有滚动动画的,由于需要滚动需要时间,为确保直播消息滚到底部,需要进行延时处理
smoothScrollToPosition(RecyclerView recyclerView, RecyclerView.State state, int position)


mRvComment.postDelayed(new Runnable() {
            @Override
            public void run() {
                if (mVideoCommentAdapter != null) {
                    try {
                        mRvComment.smoothScrollToPosition(mVideoCommentAdapter.getItemCount() - 1 < 0 ? 0 : mVideoCommentAdapter.getItemCount() - 1);
                    } catch (Exception e) {
                          CrashUtils.logCrashException(e);
                    }
                }
            }
        }, 20);

这个方法是不带动画的,就是瞬间到某个位置,适用于聊天一进来就到底部的情况。
后面那个参数是相对于positiond的偏移量,一般使用0
scrollToPositionWithOffset(int position, int offset)

二、顶部渐变效果的实现

这是利用ItemDecoration()的onDrawOver(Canvas canvas, RecyclerView parent, RecyclerView.State state)方法实现的。因为这个实在RecycleView分割线的onDraw()方法之后调用。就是在RecycleView的上方绘制一个线性渐变的矩形,来达到让文字淡出的效果,本来想在每个Item上来实现这个效果的。但是没有好的idea,看到Now直播实现了,但还是没想到怎么实现。。

 /**
     * 处理im消息区 渐隐效果
     */
    public void doTopGradualEffect(){
        if(mRvComment == null){
            return ;
        }
        mPaint = new Paint();
        final Xfermode xfermode = new PorterDuffXfermode(PorterDuff.Mode.DST_IN);
        mPaint.setXfermode(xfermode);
        linearGradient = new LinearGradient(0.0f, 0.0f, 0.0f, 100.0f, new int[]{0, Color.BLACK}, null, Shader.TileMode.CLAMP);

        mRvComment.addItemDecoration(new RecyclerView.ItemDecoration() {
            @Override
            public void onDrawOver(Canvas canvas, RecyclerView parent, RecyclerView.State state) {
                super.onDrawOver(canvas, parent, state);

                mPaint.setXfermode(xfermode);
                mPaint.setShader(linearGradient);
                canvas.drawRect(0.0f, 0.0f, parent.getRight(), 200.0f, mPaint);
                mPaint.setXfermode(null);
                canvas.restoreToCount(layerId);
            }

            @Override
            public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
                super.onDraw(c, parent, state);
                layerId = c.saveLayer(0.0f, 0.0f, (float) parent.getWidth(), (float) parent.getHeight(), mPaint, Canvas.ALL_SAVE_FLAG);
            }

            @Override
            public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
                super.getItemOffsets(outRect, view, parent, state);
            }
        });
    }

三、直播界面与软键盘弹出的那些事

我一直觉得软键盘是Android的一大坑,关于软键盘的坑,就不在这里写了,后面我单独写一篇博客介绍。

直播界面的坑是布局层次复杂,显示评论的RecycleView是固定大小的,弹起键盘会导致评论位置的改变,显示错乱。这个问题纠结了很久 一直找不到原因

最后发现是因为:是因为这句代码

设置了LayoutManager的这个属性,键盘弹起会导致RecycleView内重新布局。具体原因我也不是很清楚。跟了下源码 没太看懂。

mLinearLayoutManager.setStackFromEnd(true);

四、当用户在浏览消息记录显示消息数提示

这个需求比较简单了,提供一个来消息的接口,来了消息就加到消息列表中去,在消息列表中作消息数的限制,多余2000条就去除就可以在这里做了,提供一个滚动到底部的方法,在OnScrollListener()的方法中去监听滑动的状态。

/**
  * 在不刷新状态下的未读消息数
  */
 private int mNewMessageCount = 0;

/**
  * im消息是否滑动到了最低端
  */
 private boolean mIsSrcollToBottom;
    
    
 /**
   * 刷新界面的接口、
   */   
 @Override
 public void onRefreshChatListUi() {
        if (mVideoCommentAdapter != null) {
            mVideoCommentAdapter.notifyItemInserted(mVideoCommentAdapter.getItemCount() - 1);
            if (mIsSrcollToBottom) {
                scrollIMToBottom();
            } else {

                mNewMessageCount++;
                /**
                 * 第一条消息进来时 检查下是否在底部
                 */
                if (mNewMessageCount == 1) {
                    checkIsScrollBottom();
                }
                updateNewMessageView();
            }
        }
    }
 
 

 /**
   * IM面板的滚动监听
   */
  private class IMScrollListener extends RecyclerView.OnScrollListener {

        @Override
        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
            super.onScrollStateChanged(recyclerView, newState);

            if (newState == SCROLL_STATE_IDLE || newState == SCROLL_STATE_DRAGGING) {
                checkIsScrollBottom();
            }
            DebugLog.d("jiangcheng", "********mIsSrcollToBottom*********" + mIsSrcollToBottom);
        }
    }

    /**
     * 确认是否滚动到最低端
     */
    private void checkIsScrollBottom() {
        int lastVisible = mLinearLayoutManager.findLastVisibleItemPosition();
        if (lastVisible == mVideoCommentAdapter.getItemCount() - 1 && mLinearLayoutManager.getChildCount() > 0) {
            ViewUtils.setGone(mCtvNewMessage, true);
            mNewMessageCount = 0;
            mIsSrcollToBottom = true;
        } else {
            mIsSrcollToBottom = false;
            if (mNewMessageCount > 0) {
                updateNewMessageView();
                ViewUtils.setGone(mCtvNewMessage, false);
            }
        }
    }


    /**
     * 更新消息提醒的view
     */
    private void updateNewMessageView() {
        mCtvNewMessage.setText(mNewMessageCount + "条新消息");
    }

五、总结

其实直播这个场景,使用ListView是比较容易的,setSelection()这个方法简单粗暴。但是项目中都切到RecycleView了,因为项目紧,也没有来得及仔细的研究一些细节。我感觉还是要多看看源码,否则都看不懂作者的意图,就像我上面提的那个为什么会改变position的位置。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,378评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,356评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,702评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,259评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,263评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,036评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,349评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,979评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,469评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,938评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,059评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,703评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,257评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,262评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,501评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,792评论 2 345

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,510评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,024评论 4 62
  • 难得一身好本领,情关始终闯不过。 刀锋冷,热情未冷,相识注定成大错。 原本以为有了她,自己会变得更加勇敢。 原本以...
    放下起立走出去阅读 321评论 0 0
  • 只有接受真实的自己,灵魂才能得到真正的自由和释放
    项大大阅读 94评论 0 0
  • 时光是剂可怕的毒药,斗转星移,来不及品尝却容颜老去,奈何也不尽如人意。幸福可以遇见,却不可预见。当初稚嫩的情愫,如...
    缘如先森阅读 213评论 0 0