简单的横向ListView实现(version 4.0)

来源:互联网 发布:生刷枪软件下载 编辑:程序博客网 时间:2024/05/22 06:36

这个版本的博客写起来颇费口舌,有些代码自己语言组织能力有限,感觉描述起来很费劲,前前后后改了五六遍稿子还是不尽人意 ,不过我还是坚持写出来自己当初的思路,如果看得不明白的地方我在文章最后仍然会上传源代码,可以直接运行看效果,看过运行的效果后对文中有些别扭的语言估计会能直观的了解。在版本3.0的虽然实现了随着手指的左右移动listView中的item也随着滚动,但是会出现如下的情况:

当左边已经是第一个的时候,会出现如下的情况(仍然可以向右移动):

当右边是adapter最后一个item的时候,会出现如下的情况(仍然可以向左移动):

正常来说,当左边第一个和右边最后一个应该不能滚动才是,本4.0版本将解决这个问题。在解决这个问题之前先说说相关的知识点:

知识点1):手指在屏幕上移动的时候,会发生 其他相关方法...>onScroll-->onScroll-->onScroll ..-->其他相关方法.这样的调用

知识点2):3.0版本在处理手指滚动的时候用到了onScroll(MotionEvent e1, MotionEvent e2,float distanceX, float distanceY)这个方法,这个方法中有个distanceX参数,这个参数我们知道,当手指想做移动的时候distanceX>0;而手指向右移动的时候distanceX<0;这是因为distanceX的值是由第二个参数决定的:distanceX = 上次掉用onScroll方法的e2.getX()-当前onScroll方法的e2.getX()或者简写成 lastEvent2.getX() - currentEvent2.getX() = distanceX;

在版本3.0的时候我们直接用distanceX这个变量(确切的说这个变量值的相反数来模拟左右移动滚动的距离),但是这次为了解决上面的问题我们将不再直接用distanceX,而是新定义了两个变量:

变量:preTotalDistanceX :相对于当前onScroll方法调用之前,之前所有onScroll调用所产生的距离之和;比如当前是第n次调用了onScroll,那么preTotalDistanceX=前n-1次调用onScroll中distanceX的累加和;

变量:totalDistanceX:当前调用onScroll方法方法调用中所有distanceX的累加和;比如当前是第n次调用了onScroll方法,那么totalDistanceX就是n个onScrll方法调用中参数里distanceX的累加和;

那么滚动的距离distanceX = totalDistanceX - preTotalDistanceX

用代码表示总距离如下:

            public boolean onScroll(MotionEvent e1, MotionEvent e2,float distanceX, float distanceY) {totalDistanceX += distanceX;requestLayout();return true;};

该版本onLayout的方法就修改如下:

int distanceX = totalDistanceX - preTotalDistanceX; removeAnvisiableViews(-distanceX);addRightChildViews(-distanceX);addLeftChildViews(-distanceX);layoutChildViews(-distanceX);                preTotalDistanceX = totalDistanceX;
要解决文章开头提出的问题,关键是让distanceX = 0;即pretotalDistanceX=totalDistanceX;所以解决问题的关键就是如何让这两个变量相等;从知识点2可以知道,假设用户的手指先右后左:此时最左边的item是adapter的第一个item,所以手指向右移动的时候不能让listView向右滚动,但是实际上随着手指的向右移动totalDistanceX变量是<0,并沿着平面直角坐标系远离0点而负递增,所以在这里可以初步判断:当totalDistanceX<=0的时候,让totalDistanceX = 0;这样preoTotalDistanceX=totalDistanceX=0,这样就会让distanceX=0,从而不会让我们的ListView不会向右移动;假设用户的手指先左后右的移动方式:当手指向左移动的时候totalDistanceX>0且不断增大,是递增的;而当手指右移动的时候totalDistanceX是在原来的基础上不断减少的过程,当较少到0的时候继续向右移动的话totalDistanceX变为负数,继续向右移动的话就类似与手指先右后左的现象了;这个是关键的地方,整个左右移动的过程发生诡异的变化类似于物理中的位移,当totalDistanceX=0的时候我们可以断定不能在向右滚动。

所以在onLayout代码中我做了如下判断:

@Override    protected void onLayout(boolean changed, int left, int top, int right,            int bottom) {        if (listAdapter == null) {            return;        }        /**确保党左边是第一个的时候不再滚动*/        if(totalDistanceX<=0) {            totalDistanceX = 0;        }           int distanceX = totalDistanceX - preTotalDistanceX;        removeAnvisiableViews(-distanceX);        addRightChildViews(-distanceX);        addLeftChildViews(-distanceX);        layoutChildViews(-distanceX);        preTotalDistanceX = totalDistanceX;            }

运行一把发现上面的设想是成立的,到此为止,博客开头的第一个问题得到了解决。
下面将解决第二个问题:当adapter里面最后一个item添加到viewGroup里面并且完全显示的时候,禁止listView继续向左滚动。

先看最有一个item没有显示完全的情况,如下图:



解决第二个问题的关键仍然是如何让distanceX= totalDistanceX-pretotalDistanceX=0;也就是如何让totalDistanceX=preototalDistanceX;根据图示我们很容易得出如下结论:要让最后一个item显示完,在之前滚动距离总和的基础上再让listView滚动X大小的距离可以了,用上面的等式表示为totalDistanceX=X+pretotalDistanceX,所以当totalDistanceX>X+pretotalDistanceX的时候我们让 totalDistanceX = X+preototalDistanceX;在程序用我是用scrollXMax来表示X+preototalDistanceX的值(此变量名起的有点垃圾);在代码用为:

//scrollXMax = X + pretotalDistanceXif(totalDistanceX>scrollXMax) {    totalDistanceX = scrollXMax;}......preototalDistanceX = totalDistanceX;
这样当最后一个item滚动了X距离的情况下调用layout绘制到listView之后,手指在移动的情况下if(totalDistanceX>scrollXMax仍然成立)。这样计算的distanceX=0.但是话有说回来了,X+preDistanceX这段代码添加到哪儿呢?结合之前的几篇博客,不难分析出应该在addRightChildViews方法里面添加,代码如下:

private void addRightChildViews(int distanceX) {// 2.让屏幕尽可能的显示Item。注意刚开始的时候是没有View rightChildView = getChildAt(getChildCount() - 1);// 获取此childView右边框距离parentView左边框的距离int rightEdge = rightChildView != null ? rightChildView.getRight() : 0;while (rightEdge + distanceX < getWidth()&& rightIndex < listAdapter.getCount()) {View child = listAdapter.getView(rightIndex, null, null);child = measureChild(child);addViewInLayout(child, -1, child.getLayoutParams(), true);rightEdge += child.getMeasuredWidth();                        //判断最后一个itemif (rightIndex == listAdapter.getCount() - 1) {scrollXMax = rightEdge +preTotalDistanceX- getWidth();}rightIndex++;}}
到此位置,上面的的两个问题都得到圆满解决;自己在整这个版本的时候走了不少弯路,捣鼓了半天,到最后完成还是有种小小的成就感;何为编程,说白了就是在遵循特性编程语言规则的情况下,用该编程语言描述或者表达程序员思路的过程。在4.0版本的实现中,自己在纸上又是写又是画的,思路清晰了然后就很自然而然的用编程语言把这个思路表达出来,这就是编程吧!啰嗦完毕,当然该版本还没有完善完毕,比如说不能点击就是这个,将在下一个版本解决剩余的问题,时间允许的话直接写完,此处为项目源码,欢迎批评指正


2 2
原创粉丝点击