网上有很多类似的文章,大多数还是继承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()里面完成实际的滚动
在开始具体的实现之前,先得介绍几个要用到的比较重要的函数
1
2
3
4
5
6
7
8
9
10
11
12
|
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方法不会响应
接下来是具体实现:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
|
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下拉回弹效果
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。
原文链接:https://blog.csdn.net/u012806692/article/details/50618239