浅谈网上的zoomlistview存在的问题

佚名 6年前 (2019-05-12) 随笔 1209人围观抢沙发百度已收录

最近项目主要是做一个类似wps文档阅历的功能，以列表的形式显示文档，并且需要实现缩放平移。而网上关于此类功能的实现主要是通过自定义的listview实现的，类名为ZoomListView。

网上的zoomlistview模板大多是一套，主要核心代码就是以下：

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

 @Override
    protected void dispatchDraw(Canvas canvas) {
        canvas.save(Canvas.MATRIX_SAVE_FLAG);
        if (mScaleFactor == 1.0f) {
            mPosX = 0.0f;
            mPosY = 0.0f;
        }
        canvas.translate(mPosX, mPosY);
        canvas.scale(mScaleFactor, mScaleFactor);
        super.dispatchDraw(canvas);
        canvas.restore();
        invalidate();
    }

该函数主要实现了对整体列表的缩放和平移。但是mPosY的值影响了判断当前显示的第一个item，而且当你惯性滑动时，永远滑不到底。所以如何解决这两个问题呢。

解决第一个问题很简单，canvas.translate(mPosX,0)，就可以了。而此时由于没有了纵向的平移，列表肯定会显示不全了。

如何解决列表显示不全的问题呢。究其原因是因为滚动条滚不到底的原因。由于此时网上也没有这方面的资料，写ZoomListView的大佬也找不到本人，后来的人估计也是copy然后写文章的，问他们其实也都不知道。于是我决定自己看源码解决问题。

根据代码跟踪发现了滚动的时候会调用trackMotionScroll函数，其中有这么一串代码：

        final boolean cannotScrollDown = (firstPosition == 0 &&
                firstTop >= listPadding.top && incrementalDeltaY >= 0);
        final boolean cannotScrollUp = (firstPosition + childCount == mItemCount &&
                lastBottom <= getHeight() - listPadding.bottom && incrementalDeltaY <= 0);

        if (cannotScrollDown || cannotScrollUp) {
            return incrementalDeltaY != 0;
        }

其中cannotScrollUp就是不能向下滚动。看这个式子有没有发现什么问题，判断不能向下滚动的条件是lastBottom <= getHeight() - listPadding.botoom。于是我突发奇想设置paddingbottom的值就好了。设置paddingbottom为对应值后，发现真的可以滚动了，太棒了，问题基本上解决了。

后来发现又有bug了，在paddingbottom部分居然不能滚动！不能滚动！不能滚动！！！哎，详细也正常，padingbottom本来就是不能滚动的，这时候怎么办呢。然后调试进入ontouchevent函数中，发现触摸该区域其实还是可以会调touchevent事件的。于是我有想到了一个奇妙的方法去解决问题。自己在touchevent中先对ev的y值进行位移，这样该区域就可以滚动了。

终于解决问题了，经过这一次我明白了一个道理，当你遇到问题的时候，一定要解析问题所在，然后跟踪深入源码，只有知道底层代码才能更好的解决问题。

想要源码的可以评论中call我，在这里就不贴了。