自定义ViewGroup
来源:互联网 发布:人族女捏脸数据 编辑:程序博客网 时间:2024/06/11 21:53
View存在的目的就是为了对其子View进行管理,为了其子View添加显示、响应的规则。因此自定义ViewGroup通常需要重写onMeasure()方法来对子View进行测量,重写onLayout()来发来确定子View的位置,重写onTouchEvent()方法增加响应事件。下面通过一个实例,来看看如何自定义ViewGroup。
接下来准备实现一个类似Android原生控件ScrollView的自定义ViewGroup,自定义ViewGroup可以实现ScrollView所具有的上下滑动功能,但是在滑动的过程终,增加一个粘性的效果,即当子View向上滑动大于一定距离的后,松开手指,它将自动向上滑动,显示下一个子View。同理,如果滑动距离小于一定的距离,松开手指,他将自动滑动到开始的位置,相信大家在很多的App应用终都看见过这样的效果。
首先让自定义ViewGroup能够实现ScrollView的功能。
当然,在ViewGroup能够滚动之前,需要先方式好它的子View。使用遍历的方式来通知子View对自身进行测量。代码如下所示。
@Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); int childCount = getChildCount(); for(int i=0;i<childCount;i++){ View childView = getChildAt(i); measureChild(childView, widthMeasureSpec, heightMeasureSpec); } }
接下来,就要对子View进行放置位置的设定。让每个子View都显示完整的一屏,这样在滑动的时候,可以比较好地实现后面的效果。在放置子View之前,需要确定整个ViewGroup的高度。。在本例中,由于每个子View占一屏的高度,因此整个ViewGroup的高度即子View的个数乘以屏幕的高度,我通过如下代码来确定整个ViewGroup的高度。
int childCount = getChildCount(); //每个子View都占据一屏的高度,这样整个ViewGroup的高度很好计算,并且设置 MarginLayoutParams ml = (MarginLayoutParams)getLayoutParams(); ml.height = mScreenHeight * childCount; setLayoutParams(ml);
在获取了整个ViewGroup的高度之后,就可以通过遍历来设定每个子View需要放置的位置了,直接通过View的layout()方法,并将具体的位置作为参数传递进去即可,代码如下所示。
@Override protected void onLayout(boolean changed, int l, int t, int r, int b) { int childCount = getChildCount(); //每个子View都占据一屏的高度,这样整个ViewGroup的高度很好计算,并且设置 MarginLayoutParams ml = (MarginLayoutParams)getLayoutParams(); ml.height = mScreenHeight * childCount; setLayoutParams(ml); //通过遍历,来设定每个子View的位置 for(int i=0;i<childCount;i++){ View child = getChildAt(i); if(child.getVisibility() != GONE){ child.layout(l, mScreenHeight*i, r, mScreenHeight*(i+1)); } } }
代码中主要是去修改每个子View的top和bottom这两个属性,让他们能依次排列下来。
通过上面的步骤,就可以将子View放置到ViewGroup中了。但此时ViewGroup还不能响应任何触控事件,自然也不能滑动,因此我们需要重写onTouchEvent()方法,为ViewGroup添加响应事件。在ViewGroup添加滑动事件,通常可以用scrolBy()方法来辅助滑动。在onTouchEvent()的ACTION_move事件中,只要使用scrollBy(0,dy)方法,让手指滑动的时候让ViewGroup中的所有的子View也跟着滚动dy即可。
case MotionEvent.ACTION_DOWN: mLastY = y; break; case MotionEvent.ACTION_MOVE: //如果之前的滑动动画还在继续,则取消动画 if(!mScroller.isFinished()){ mScroller.abortAnimation(); } int dy = mLastY - y; int yy = getScrollY(); if(yy<0){ dy = 0; } if(yy > getHeight() - mScreenHeight){ dy = 0; } scrollBy(0,dy);//每当调用过scrollBy之后getScrollY();才会有值 mLastY = y; break;
按如上方法操作就可以实现类似ScrollView的滚动效果了。当然,系统发原生ScrollView有更大的功能,比如滑动的惯性效果等,这些功能可以在后面慢慢添加,这也是控件的迭代过程。
最后,我们来实现这个自定义ViewGroup的粘性效果。要实现手指离开后的ViewGroup的粘性效果,我们很自然的想要onTouchEvnet()的ACTION_UP事件和Scroller类。在ACTION_UP事件中判断手指滑动的距离,如果超过一定的距离,则使用Scroller类来平滑移动到下一个子View;如果小与一定距离,则回滚到原来的位置,代码如下
case MotionEvent.ACTION_DOWN: mStartY = getScrollY();//记录触摸起点 break; case MotionEvent.ACTION_UP: mEnd = getScrollY();//记录触摸终点 int dScrollY = mEnd - mStartY; if(dScrollY > 0){ if(dScrollY < mScreenHeight/3){ mScroller.startScroll(0,getScrollY(),0,-dScrollY); } else { mScroller.startScroll(0, getScrollY(), 0, mScreenHeight-dScrollY); } } else { if(-dScrollY < mScreenHeight/3){ mScroller.startScroll(0,getScrollY(),0,-dScrollY); } else { mScroller.startScroll(0, getScrollY(), 0, -mScreenHeight-dScrollY); } } break;
通过以上操作,我们就能在onTouchEvent()中实现滚动的逻辑和"粘性"的逻辑,整个onTouchEvent的代码如下所示
@Override public boolean onTouchEvent(MotionEvent event) { int y = (int)event.getY();//记录事件发生的y坐标 switch(event.getAction()){ case MotionEvent.ACTION_DOWN: mLastY = y; mStartY = getScrollY(); break; case MotionEvent.ACTION_MOVE: //如果之前的滑动动画还在继续,则取消动画 if(!mScroller.isFinished()){ mScroller.abortAnimation(); } int dy = mLastY - y; int yy = getScrollY(); if(yy<0){ dy = 0; } if(yy > getHeight() - mScreenHeight){ dy = 0; } scrollBy(0,dy);//每当调用过scrollBy之后getScrollY();才会有值 mLastY = y; break; case MotionEvent.ACTION_UP: mEnd = getScrollY(); int dScrollY = mEnd - mStartY; if(dScrollY > 0){ if(dScrollY < mScreenHeight/3){ mScroller.startScroll(0,getScrollY(),0,-dScrollY); } else { mScroller.startScroll(0, getScrollY(), 0, mScreenHeight-dScrollY); } } else { if(-dScrollY < mScreenHeight/3){ mScroller.startScroll(0,getScrollY(),0,-dScrollY); } else { mScroller.startScroll(0, getScrollY(), 0, -mScreenHeight-dScrollY); } } break; default: break; } postInvalidate(); return true; }
当然最后不要忘记加上computeScroll()的代码。
@Override public void computeScroll() { super.computeScroll(); if(mScroller.computeScrollOffset()){ scrollTo(0, mScroller.getCurrY()); postInvalidate(); } }
- 自定义ViewGroup
- 自定义ViewGroup
- 自定义ViewGroup
- 自定义ViewGroup
- 自定义viewGroup
- 自定义viewgroup
- 自定义viewgroup
- 自定义ViewGroup
- 自定义ViewGroup
- 自定义ViewGroup
- 自定义ViewGroup
- 自定义ViewGroup
- 自定义ViewGroup
- 自定义ViewGroup
- 自定义ViewGroup
- 自定义ViewGroup
- 自定义ViewGroup
- 自定义ViewGroup
- 图论之Dijkstra
- 二叉树的非递归遍历
- Codeforces 449B
- pyqt5 QMainWindow 居中
- 百度编辑器(Ueditor)在织梦DedeCMS系统中图片无水印解决办法
- 自定义ViewGroup
- 面试技巧
- 将ArrayList 转化为普通数组,Lambda 表达式
- 英语语法---比较级和最高级的用法
- zoj1610——Count the Colors
- 第一次写博客
- 【maven】--依赖管理
- 登录织梦DedeCMS后台后卡死解决方法 为什么登陆织梦CMS后台卡死
- 快速了解git