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(motionevent event)(在这里把触摸屏幕的处理交给gesturedetector)
4.在computescroll()里面完成实际的滚动
在开始具体的实现之前,先得介绍几个要用到的比较重要的函数
mscroller.getcurrx() //获取mscroller当前水平滚动的位置 mscroller.getcurry() //获取mscroller当前竖直滚动的位置 mscroller.getfinalx() //获取mscroller最终停止的水平位置 mscroller.getfinaly() //获取mscroller最终停止的竖直位置 mscroller.setfinalx(int newx) //设置mscroller最终停留的水平位置,没有动画效果,直接跳到目标位置 mscroller.setfinaly(int newy) //设置mscroller最终停留的竖直位置,没有动画效果,直接跳到目标位置 //滚动,startx, starty为开始滚动的位置,dx,dy为滚动的偏移量, duration为完成滚动的时间 mscroller.startscroll(int startx, int starty, int dx, int dy) //使用默认完成时间250ms mscroller.startscroll(int startx, int starty, int dx, int dy, int duration) mscroller.computescrolloffset() //返回值为boolean,true说明滚动尚未完成,false说明滚动已经完成。这是一个很重要的方法,通常放在view.computescroll()中,用来判断是否滚动是否结束。
上面的几个scroller的方法,能够帮助我们实现滑动。
接下来还要介绍实现gesturedetector.ongesturelistener
因为我们在ontouchevent中没有将motionevent.action_up交给gesturedetector,所以gesturedetector.ongesturelistener中的部分方法不会响应,还有在gesturedetector.ongesturelistener中要将down事件的返回值设为true,不然onscroll方法不会响应
接下来是具体实现:
public class sqqlinearlayout extends linearlayout { private scroller mscroller; private gesturedetector mgesturedetector; public sqqlinearlayout (context context) { this(context, null); } public sqqlinearlayout (context context, attributeset attrs) { super(context, attrs); mscroller = new scroller(context); mgesturedetector = new gesturedetector(context, new gesturelistenerimpl()); } //startscroll之后没有真正移动,会自动调用这个函数实现移动 @override public void computescroll() { if (mscroller.computescrolloffset()) { scrollto(mscroller.getcurrx(), mscroller.getcurry()); //必须执行postinvalidate()从而调用computescroll() //其实,在此调用invalidate();亦可 postinvalidate(); } super.computescroll(); } @override public boolean ontouchevent(motionevent event) { switch (event.getaction()) { case motionevent.action_up : //手指抬起时回到最初位置 preparescroll(0, 0); break; default: //其余情况交给gesturedetector手势处理 return mgesturedetector.ontouchevent(event); } return super.ontouchevent(event); } class gesturelistenerimpl implements gesturedetector.ongesturelistener { @override public boolean ondown(motionevent e) { return true; } @override public void onshowpress(motionevent e) { } @override public boolean onsingletapup(motionevent e) { return false; } @override public boolean onscroll(motionevent e1, motionevent e2,float distancex, float distancey) { int disy = (int) ((distancey - 0.5)*0.65); beginscroll(0, disy); return false; } public void onlongpress(motionevent e) { } @override public boolean onfling(motionevent e1, motionevent e2, float velocityx,float velocityy) { return false; } } //滚动到目标位置 protected void preparescroll(int fx, int fy) { int dx = fx - mscroller.getfinalx(); int dy = fy - mscroller.getfinaly(); beginscroll(dx, dy,1000); //经测试1s是不错的 } //设置滚动的相对偏移 protected void beginscroll(int dx, int dy) { mscroller.startscroll(mscroller.getfinalx(), mscroller.getfinaly(), dx, dy); //必须执行invalidate()从而调用computescroll() //invalidate(); //上面一句注释掉好像也没什么影响,暂时没有发现 } //设置滚动的相对偏移 protected void beginscroll(int dx, int dy,int duration) { mscroller.startscroll(mscroller.getfinalx(), mscroller.getfinaly(), dx, dy,duration); //必须执行invalidate()从而调用computescroll() //invalidate(); //上面一句注释掉好像也没什么影响,暂时没有发现 } }
上面实现了线性布局的下拉回弹效果,相对布局的实现和上面一样,只是继承的是relativelayout。所以抱着不写重复代码的准则,在下一篇我会做个优化,将线性布局和相对布局的下拉刷新写到一个类中,具体的线性布局和相对布局作为参数或者其他的形式。当然这还只是个想法,不知道能不能很好的实现。
项目下载地址:android自定义控件仿ios下拉回弹效果
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。