本文在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. 模板模式(Template)

    行为型:Template(模板模式) 作为一个曾经爱好写文章,但是不太懂得写文章的人,我必须承认,开头是个比较难的起步. 模板模式常规定义:模板模式定义了一个算法步骤,把实现延迟到子类. 事实上模板模 ...

  2. ImportError No module named memcache

    ImportError: No module named memcache 没有找到windows下的memcache,我们就用linux下的包来安装 先下载memcache linux下的安装包 f ...

  3. css3之background

    background background: (1)url(image1.png) right bottom, (2)url(image2.png) center, (3)url(image3.png ...

  4. 表单控件之select

    一.表单控件之表单 1.依次获取表单里的所有控件: for (i = 0; i < document.getElementById("formName").length; i ...

  5. 如何在Ubuntu 14.04中使用Samba共享文件

    Linux 下的文件共享利器 Samba 想必大家已经非常熟悉了,今天我们介绍下如何在Ubuntu 14.04中使用 Samba 共享网络文件.打印机和其它公共资源. 1.安装 Samba 和图形配置 ...

  6. Struts2学习笔记--Struts例子及开发流程

    参考资料:http://blog.csdn.net/hntyzgn2010/article/details/5547753 http://chenlh.iteye.com/blog/464341 入门 ...

  7. Linux_access the file or directory which start with "-"

    cd -- filename/dirName [ccmobil@vm-a65a-fc19 wstemp]$ cd -/ -bash: cd: -: invalid option cd: usage: ...

  8. Blogger安装最新文章 - Blog透视镜

    在Blogger中,是没有最新文章的网页元素,不过倒是有信息提供这个小工具,其实这就是用来新增RSS网摘用的,其中就包含最新文章的Feed,所以只要在小工具中,加入RSS网摘Feed,就可以安装最新文 ...

  9. windows bat命令编写大全

    1 echo 和 @ @  #关闭单行回显echo off #从下一行开始关闭回显 @echo off  #从本行开始关闭回显.一般批处理第一行都是这个 echo on  #从下一行开始打开回显 ec ...

  10. Android Studio 设置LogCat 颜色

    1. File -> Settings ->Search LogCat 2. Save a schema first, for instance: MyLogCatStyle 3. cho ...