Android自定义控件（二）——有弹性的ScrollView

2022-10-27 22:29:41

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

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

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

效果如图所示：Android自定义控件（二）——有弹性的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. }
上一篇：开学&东大一周游记


下一篇：python while 循环语句