本文在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. mybati之parameterType传递多个参数

    当在查询的时候需要传入多个参数的时候该怎么办呢: 1,封装成一个Model对象,底层HashMap还是一个 User user=new User(); user.setUserName("z ...

  2. 网页HTML1

    表格表单 表格, <tabale>    -------表格 <tr>            --------------行 <td>             -- ...

  3. 【socket.io研究】1.官网的一些相关说明,概述

    socket.io是什么? 官网的解释是一个实时的,基于事件的通讯框架,可以再各个平台上运行,关注于效率和速度. 在javascript,ios,android,java中都实现了,可以很好的实现实时 ...

  4. c - 逆序/正序输出每位.

    #include <stdio.h> #include <math.h> /* 判断一个正整数的位数,并按正序,逆序输出他们的位. */ int invert(int); vo ...

  5. The Suspects

    算法:并查集 严重急性呼吸系统综合症( SARS), 一种原因不明的非典型性肺炎,从2003年3月中旬开始被认为是全球威胁.为了减少传播给别人的机会, 最好的策略是隔离可能的患者. 在Not-Spre ...

  6. MySQL 覆盖索引

    通常大家都会根据查询的WHERE 条件来穿件合适的索引,不过这只是索引优化的一个方面.设计优秀的索引应该考虑到整个查询,而不单单是WHERE 条件部分.索引确实是一种查找数据的高效方式,但是MySQL ...

  7. zepto自定义事件

    <!--测试自定义事件 trigger--> <script> $(function () { var meEvent = $.Event("custom" ...

  8. smarty练习:数据的增删改

    根据数据库中的三张表格:timu,xuanxiang,kemu来进行数据的增删改查,并且使用smarty模版将前端与后台分离开来 三张表格: 主页面后台 main.php: <?php //引入 ...

  9. smarty 基本介绍及示例

    什么是smarty? Smarty是一个使用PHP写出来的模板引擎,是业界最著名的PHP模板引擎之一.Smarty分离了逻辑代码和外在的内容,提供一种易于管理和使用的方法,用来将原本与HTML代码混杂 ...

  10. python 各模块

    01 关于本书 02 代码约定 03 关于例子 04 如何联系我们 1 核心模块 11 介绍 111 内建函数和异常 112 操作系统接口模块 113 类型支持模块 114 正则表达式 115 语言支 ...