Android自定义控件仿ios下拉回弹效果
网上有很多类似的文章，大多数还是继承listview来实现（主要是listview.addHeaderView()和listview.addFooterView在listview的首尾添加view，也可以用上面的两个listview自带函数实现下拉刷新的功能，在这里不准备介绍，有兴趣的朋友可以去自己试试）。
在本文主要是给android的线性布局（相对布局、帧布局）加上下拉或者上拉回弹得效果。在ios中我们经常能看到，在一个页面中即使是只有一个控件，这一个控件只占整个页面的1/10不到，但是当我们下拉整个页面的时候还是会有回弹的效果（在这里我们暂不考虑这样的页面是否美观，只是就怎么实现进行分析），显然在android中我们不会为了实现这个只有一个item（而且不会变多）的页面而去用listview（listview的使用还是相对比较繁琐），我们会直接使用线性布局或者相对布局这些简易一些的viewgroup来实现。所以在这里我也为线性布局加上了下拉或者上拉回弹得效果。
实现流程：
1.新建一个类继承LinearLayout
2.在构造方法中实例化Scroller（用于滑动），GestureDetector（网上有很多实现方法是复写onTouchEvent方法，把onTouchEvent方法写的很长，我不太喜欢这种方式，也推荐大家多用手势，很好用哦）；
3.覆写computeScroll()，onTouchEvent(MotionEventevent）（在这里把触摸屏幕的处理交给GestureDetector）
4.在computeScroll()里面完成实际的滚动
在开始具体的实现之前，先得介绍几个要用到的比较重要的函数
mScroller.getCurrX()//获取mScroller当前水平滚动的位置 mScroller.getCurrY()//获取mScroller当前竖直滚动的位置 mScroller.getFinalX()//获取mScroller最终停止的水平位置 mScroller.getFinalY()//获取mScroller最终停止的竖直位置 mScroller.setFinalX(intnewX)//设置mScroller最终停留的水平位置，没有动画效果，直接跳到目标位置 mScroller.setFinalY(intnewY)//设置mScroller最终停留的竖直位置，没有动画效果，直接跳到目标位置 //滚动，startX,startY为开始滚动的位置，dx,dy为滚动的偏移量,duration为完成滚动的时间 mScroller.startScroll(intstartX,intstartY,intdx,intdy)//使用默认完成时间250ms mScroller.startScroll(intstartX,intstartY,intdx,intdy,intduration) mScroller.computeScrollOffset()//返回值为boolean，true说明滚动尚未完成，false说明滚动已经完成。这是一个很重要的方法，通常放在View.computeScroll()中，用来判断是否滚动是否结束。
上面的几个Scroller的方法，能够帮助我们实现滑动。
接下来还要介绍实现GestureDetector.OnGestureListener
因为我们在onTouchEvent中没有将MotionEvent.ACTION_UP交给GestureDetector，所以GestureDetector.OnGestureListener中的部分方法不会响应，还有在GestureDetector.OnGestureListener中要将down事件的返回值设为true，不然onscroll方法不会响应
接下来是具体实现：
publicclassSqqLinearLayoutextendsLinearLayout{
privateScrollermScroller;
privateGestureDetectormGestureDetector;
publicSqqLinearLayout(Contextcontext){
this(context,null);
}
publicSqqLinearLayout(Contextcontext,AttributeSetattrs){
super(context,attrs);
mScroller=newScroller(context);
mGestureDetector=newGestureDetector(context,newGestureListenerImpl());
}
//startScroll之后没有真正移动，会自动调用这个函数实现移动
@Override
publicvoidcomputeScroll(){
if(mScroller.computeScrollOffset()){
scrollTo(mScroller.getCurrX(),mScroller.getCurrY());
//必须执行postInvalidate()从而调用computeScroll()
//其实,在此调用invalidate();亦可
postInvalidate();
}
super.computeScroll();
}
@Override
publicbooleanonTouchEvent(MotionEventevent){
switch(event.getAction()){
caseMotionEvent.ACTION_UP:
//手指抬起时回到最初位置
prepareScroll(0,0);
break;
default:
//其余情况交给GestureDetector手势处理
returnmGestureDetector.onTouchEvent(event);
}
returnsuper.onTouchEvent(event);
}
classGestureListenerImplimplementsGestureDetector.OnGestureListener{
@Override
publicbooleanonDown(MotionEvente){
returntrue;
}
@Override
publicvoidonShowPress(MotionEvente){
}
@Override
publicbooleanonSingleTapUp(MotionEvente){
returnfalse;
}
@Override
publicbooleanonScroll(MotionEvente1,MotionEvente2,floatdistanceX,floatdistanceY){
intdisY=(int)((distanceY-0.5)*0.65);
beginScroll(0,disY);
returnfalse;
}
publicvoidonLongPress(MotionEvente){
}
@Override
publicbooleanonFling(MotionEvente1,MotionEvente2,floatvelocityX,floatvelocityY){
returnfalse;
}
}
//滚动到目标位置
protectedvoidprepareScroll(intfx,intfy){
intdx=fx-mScroller.getFinalX();
intdy=fy-mScroller.getFinalY();
beginScroll(dx,dy,1000);//经测试1s是不错的
}
//设置滚动的相对偏移
protectedvoidbeginScroll(intdx,intdy){
mScroller.startScroll(mScroller.getFinalX(),mScroller.getFinalY(),dx,dy);
//必须执行invalidate()从而调用computeScroll()
//invalidate();
//上面一句注释掉好像也没什么影响，暂时没有发现
}
//设置滚动的相对偏移
protectedvoidbeginScroll(intdx,intdy,intduration){
mScroller.startScroll(mScroller.getFinalX(),mScroller.getFinalY(),dx,dy,duration);
//必须执行invalidate()从而调用computeScroll()
//invalidate();
//上面一句注释掉好像也没什么影响，暂时没有发现
}
}
上面实现了线性布局的下拉回弹效果，相对布局的实现和上面一样，只是继承的是RelativeLayout。所以抱着不写重复代码的准则，在下一篇我会做个优化，将线性布局和相对布局的下拉刷新写到一个类中，具体的线性布局和相对布局作为参数或者其他的形式。当然这还只是个想法，不知道能不能很好的实现。
项目下载地址：Android自定义控件仿ios下拉回弹效果
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。