• 浅谈网上的zoomlistview存在的问题


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

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

     @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值进行位移,这样该区域就可以滚动了。

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

      想要源码的可以评论,在这里就不贴了。

      这几天又来了一个需求,如何保证中心缩放。这个就有点难了,如何在这个类上修改呢。第一步就是需要优化在双指缩放的时候不能平移画布。这个问题横向的时候好解决,只要判断是否是单指就行了。横向的时候就需要禁用滚动来判断,函数setenable。

      第二步就是找推导公式,进行算出新的平移。以下是纵向调整平移的代码。

                //求y0的推导公式,view是对应中心点item的view。
                /*
                (view.top + y0)*mOldScaleFactor = cy;
                (view.top(新)+y0)*mScaleFactor = cy;
                先求出view.top(新),然后计算出view.top(新)与view.top之间的差。
                然后求得firstitem的view.top(新的值),最后通过setSelectionFromTop滚动到对应区域
                 */
                int iFirstItem = getFirstVisiblePosition();
                int iFirstViewTop = 0;
                for(int iCnt=0;iCnt<getChildCount();++iCnt)
                {
                    View view = getChildAt(iCnt);
                    if(0==iCnt)
                    {
                        iFirstViewTop = view.getTop();
                    }
                    int iViewTop = (int)(view.getTop()*mOldScaleFactor);
                    int iViewBottom = (int)(view.getBottom()*mOldScaleFactor);
                    if(iViewTop<=cy && cy<=iViewBottom)
                    {
                        int iNewViewTop = (int)(cy/mScaleFactor - (cy/mOldScaleFactor-iViewTop));
                        int iNewFirstViewTop = iFirstViewTop + (iNewViewTop-iViewTop);
                        if(0==iFirstItem && iNewFirstViewTop>=0)
                        {
                            iNewFirstViewTop = 0;
                        }
                        setSelectionFromTop(iFirstItem,iNewFirstViewTop);
                        break;
                    }
                }

    主要要算出当前点会平移多少,然后通过setSelectionFromTop来校准。终于经过千辛万苦,把缩放的listview完成的总算可以了!!!

  • 相关阅读:
    Apicloud_(模板)登陆注册功能模板
    Apicloud_(接口验证)用户注册头部信息X-APICloud-AppKey生成
    Apicloud_(项目)网上书城02_后端数据获取
    Apicloud_(项目)网上书城01_前端搭建
    R_Studio(时序)Apriori算法寻找频繁项集的方法
    R_Studio(聚类)针对iris数据比较几种聚类方法优劣
    R_Studio(神经网络)BP神经网络算法预测销量的高低
    JavaWeb_(SSH论坛)_七、辅助模块
    JavaWeb_(SSH论坛)_六、点赞模块
    JavaWeb_(SSH论坛)_五、帖子模块
  • 原文地址:https://www.cnblogs.com/jlyg/p/10852909.html
Copyright © 2020-2023  润新知