本文在http://gundumw100.iteye.com/blog/1075286的基础上稍作修改

实现了当手指滑动到ScrollView的顶部、底部时,

可以继续的向上、向下拉伸。当释放手指的时候,向上、下弹回。

效果如图所示:

主要代码:

  1. public class ElasticScrollView extends ScrollView {
  2. private View inner;
  3. private float y;
  4. private Rect normal = new Rect();
  5. private boolean animationFinish = true;
  6. public ElasticScrollView(Context context) {
  7. super(context);
  8. }
  9. public ElasticScrollView(Context context, AttributeSet attrs) {
  10. super(context, attrs);
  11. }
  12. @Override
  13. protected void onFinishInflate() {
  14. if (getChildCount() > 0) {
  15. inner = getChildAt(0);
  16. }
  17. }
  18. @Override
  19. public boolean onInterceptTouchEvent(MotionEvent ev) {
  20. return super.onInterceptTouchEvent(ev);
  21. }
  22. @Override
  23. public boolean onTouchEvent(MotionEvent ev) {
  24. if (inner == null) {
  25. return super.onTouchEvent(ev);
  26. } else {
  27. commOnTouchEvent(ev);
  28. }
  29. return super.onTouchEvent(ev);
  30. }
  31. public void commOnTouchEvent(MotionEvent ev) {
  32. if (animationFinish) {
  33. int action = ev.getAction();
  34. switch (action) {
  35. case MotionEvent.ACTION_DOWN:
  36. //              System.out.println("ACTION_DOWN");
  37. y = ev.getY();
  38. super.onTouchEvent(ev);
  39. break;
  40. case MotionEvent.ACTION_UP:
  41. //              System.out.println("ACTION_UP");
  42. y = 0;
  43. if (isNeedAnimation()) {
  44. animation();
  45. }
  46. super.onTouchEvent(ev);
  47. break;
  48. case MotionEvent.ACTION_MOVE:
  49. //              System.out.println("ACTION_MOVE");
  50. final float preY = y == 0 ? ev.getY() : y;
  51. float nowY = ev.getY();
  52. int deltaY = (int) (preY - nowY);
  53. // 滚动
  54. //              scrollBy(0, deltaY);
  55. y = nowY;
  56. // 当滚动到最上或者最下时就不会再滚动,这时移动布局
  57. if (isNeedMove()) {
  58. if (normal.isEmpty()) {
  59. // 保存正常的布局位置
  60. normal.set(inner.getLeft(), inner.getTop(), inner.getRight(), inner.getBottom());
  61. }
  62. // 移动布局
  63. inner.layout(inner.getLeft(), inner.getTop() - deltaY / 2, inner.getRight(), inner.getBottom() - deltaY / 2);
  64. } else {
  65. super.onTouchEvent(ev);
  66. }
  67. break;
  68. default:
  69. break;
  70. }
  71. }
  72. }
  73. // 开启动画移动
  74. public void animation() {
  75. // 开启移动动画
  76. TranslateAnimation ta = new TranslateAnimation(0, 0, 0, normal.top - inner.getTop());
  77. ta.setDuration(200);
  78. ta.setAnimationListener(new AnimationListener() {
  79. @Override
  80. public void onAnimationStart(Animation animation) {
  81. animationFinish = false;
  82. }
  83. @Override
  84. public void onAnimationRepeat(Animation animation) {
  85. }
  86. @Override
  87. public void onAnimationEnd(Animation animation) {
  88. inner.clearAnimation();
  89. // 设置回到正常的布局位置
  90. inner.layout(normal.left, normal.top, normal.right, normal.bottom);
  91. normal.setEmpty();
  92. animationFinish = true;
  93. }
  94. });
  95. inner.startAnimation(ta);
  96. }
  97. // 是否需要开启动画
  98. public boolean isNeedAnimation() {
  99. return !normal.isEmpty();
  100. }
  101. // 是否需要移动布局
  102. public boolean isNeedMove() {
  103. int offset = inner.getMeasuredHeight() - getHeight();
  104. int scrollY = getScrollY();
  105. if (scrollY == 0 || scrollY == offset) {
  106. return true;
  107. }
  108. return false;
  109. }
  110. }

Android自定义控件(二)——有弹性的ScrollView的更多相关文章

  1. android 自定义控件二之仿QQ长按删除

    自定义Dialog 1.先上个效果图:

  2. android自定义控件(二) 入门,继承View

    转载请注明地址:http://blog.csdn.net/ethan_xue/article/details/7313788 ps: 可根据apidemo里LableView,list4,list6学 ...

  3. 老猪带你玩转android自定义控件二——自定义索引栏listview

    带索引栏的listview,在android开发非常普遍,方便用户进行字母索引,就像微信通讯录这样: 今天,我们就从零到一实现这个具有索引栏的listview. 怎么实现这个控件了,我们应当梳理出一个 ...

  4. 玩转android自定义控件二——自定义索引栏listview

    带索引栏的listview,在android开发非常普遍,方便用户进行字母索引,就像微信通讯录这样: 今天,我们就从零到一实现这个具有索引栏的listview. 怎么实现这个控件了,我们应当梳理出一个 ...

  5. Android自定义控件——有弹性的ListView,ScrollView

    上一次我们试验了有弹性的ScrollView.详情 这一次,我们来试验有弹性的ScrollView. 国际惯例,效果图: 主要代码: [java] view plaincopy import andr ...

  6. android 有弹性的ScrollView 简单实现,与处理ScrollView和ListView,GridView之间的冲突

    处理ScrollView和ListView,GridView之间的冲突, 最好的办法就是继承这两个类,重写他们的onMeasure方法即可: ListView: import android.widg ...

  7. Android自定义控件(四)——让每一个Activity UI都具有弹性

    前面我们已经介绍了如何让你的ScrollView,ListView具有弹性, 今天,我们在前面的基础上,做一下适当的修改,让那些既不是ScrollView,也不是ListView的Activity页面 ...

  8. Android自定义控件(三)——有弹性的ListView

    上一次我们试验了有弹性的ScrollView.详情 这一次,我们来试验有弹性的ScrollView. 国际惯例,效果图: 主要代码: import android.content.Context; i ...

  9. 【转】Android自定义控件(三)——有弹性的ListView

    原文地址:http://blog.csdn.net/a105865708/article/details/17959459 上一次我们试验了有弹性的ScrollView.详情 这一次,我们来试验有弹性 ...

  10. Android自定义控件View(二)继承控件

    在前一篇博客中学习了Android自定义控件View的流程步骤和注意点,不了解的童鞋可以参考Android自定义控件View(一).这一节开始学习自定义控件View(二)之继承系统已有的控件.我们来自 ...

随机推荐

  1. openwrt interface

    orige : http://www.cnblogs.com/preorder69/p/3959187.html 这篇算是对openwrt网络接口的一个翻译吧,源地址:http://wiki.open ...

  2. 结合tcpdump命令对traceroute深入分析

    昨天突然被问到traceroute的原理,一时竟也说不出来,有些命令平时虽然经常在用,但实际原理确并不了解,趁这次机会就来梳理一下. traceroute:是网络诊断中,用来分析IP包经过那些路由的命 ...

  3. hibernate连接数据库,进行操作的步骤

    //初始化 Configuration conf=null; SessionFactory sf=null; Session session=null; Transaction tx=null; tr ...

  4. win7 重启 IIS.

    步骤 1,打开 "控制面板",并将右上角的"查看方式"设置为 "大/小图标". 2,选择 "管理工具": 3,打开 In ...

  5. js引用类型姿势

    栈 1)var a=new Array(),a.push(a,b,...),a.pop() queue 1)var a=new Array(), a.push(a,b,...),a.shift() a ...

  6. 基于live555的一个简单RTSP服务器

    1,编译live555源码目录下的 BasicUsageEnvironment.groupsock.liveMedia.UsageEnvironment四个工程生成相应的库文件: 目录结构如下: 2, ...

  7. 自定义 Preference Header 布局

    1. Preference Header 概述: 对于什么是 Preference Header,以及何时使用 Preference Header,请参考我的另一篇博文: 何时使用 Preferenc ...

  8. 原生拖拽,拖放事件(drag and drop)

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. uC/OS-II内核架构解析(2)---uC/OS-II基本介绍(转)

    1. uC/OS-II文件结构 2. uC/OS-II组成部分 uC/OS-II大致可以分成系统核心(包含任务调度).任务管理.时间管理.多任务同步与通信.内存管理.CPU移植等部分. (1) 核心部 ...

  10. 安卓 eclipse项目创建

    一. 创建项目工程 1.  点击 file -> new -> Android Application project -> 2.  创建工程项目名字   自己命名 (注: 不要出现 ...