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

时间:2023-03-09 01:15:46
Android自定义控件(三)——有弹性的ListView

上一次我们试验了有弹性的ScrollView。详情

这一次,我们来试验有弹性的ScrollView。

国际惯例,效果图:

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

主要代码:

  1. import android.content.Context;
  2. import android.graphics.Rect;
  3. import android.util.AttributeSet;
  4. import android.view.MotionEvent;
  5. import android.view.animation.Animation;
  6. import android.view.animation.Animation.AnimationListener;
  7. import android.view.animation.TranslateAnimation;
  8. import android.widget.AbsListView;
  9. import android.widget.ListView;
  10. /**
  11. * ElasticScrollView有弹性的ListView
  12. */
  13. public class ElasticListView extends ListView {
  14. private float y;
  15. private Rect normal = new Rect();
  16. private boolean animationFinish = true;
  17. public ElasticListView(Context context) {
  18. super(context);
  19. init();
  20. }
  21. public ElasticListView(Context context, AttributeSet attrs) {
  22. super(context, attrs);
  23. init();
  24. }
  25. protected void onScrollChanged(int l, int t, int oldl, int oldt) {
  26. }
  27. boolean overScrolled = false;
  28. private void init() {
  29. setOnScrollListener(new OnScrollListener() {
  30. @Override
  31. public void onScrollStateChanged(AbsListView view, int scrollState) {
  32. }
  33. @Override
  34. public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
  35. overScrolled = false;
  36. }
  37. });
  38. }
  39. @Override
  40. protected void onOverScrolled(int scrollX, int scrollY, boolean clampedX, boolean clampedY) {
  41. overScrolled = true;
  42. }
  43. @Override
  44. public boolean onTouchEvent(MotionEvent ev) {
  45. commOnTouchEvent(ev);
  46. return super.onTouchEvent(ev);
  47. }
  48. public void commOnTouchEvent(MotionEvent ev) {
  49. if (animationFinish) {
  50. int action = ev.getAction();
  51. switch (action) {
  52. case MotionEvent.ACTION_DOWN:
  53. y = ev.getY();
  54. break;
  55. case MotionEvent.ACTION_UP:
  56. y = 0;
  57. if (isNeedAnimation()) {
  58. animation();
  59. }
  60. break;
  61. case MotionEvent.ACTION_MOVE:
  62. final float preY = y == 0 ? ev.getY() : y;
  63. float nowY = ev.getY();
  64. int deltaY = (int) (preY - nowY);
  65. y = nowY;
  66. // 当滚动到最上或者最下时就不会再滚动,这时移动布局
  67. if (isNeedMove(deltaY)) {
  68. if (normal.isEmpty()) {
  69. // 保存正常的布局位置
  70. normal.set(getLeft(), getTop(), getRight(), getBottom());
  71. }
  72. // 移动布局
  73. layout(getLeft(), getTop() - deltaY / 2, getRight(), getBottom() - deltaY / 2);
  74. }
  75. break;
  76. default:
  77. break;
  78. }
  79. }
  80. }
  81. // 开启动画移动
  82. public void animation() {
  83. // 开启移动动画
  84. TranslateAnimation ta = new TranslateAnimation(0, 0, 0, normal.top - getTop());
  85. ta.setDuration(200);
  86. ta.setAnimationListener(new AnimationListener() {
  87. @Override
  88. public void onAnimationStart(Animation animation) {
  89. animationFinish = false;
  90. }
  91. @Override
  92. public void onAnimationRepeat(Animation animation) {
  93. }
  94. @Override
  95. public void onAnimationEnd(Animation animation) {
  96. clearAnimation();
  97. // 设置回到正常的布局位置
  98. layout(normal.left, normal.top, normal.right, normal.bottom);
  99. normal.setEmpty();
  100. animationFinish = true;
  101. }
  102. });
  103. startAnimation(ta);
  104. }
  105. // 是否需要开启动画
  106. public boolean isNeedAnimation() {
  107. return !normal.isEmpty();
  108. }
  109. // 是否需要移动布局
  110. public boolean isNeedMove(float deltaY) {
  111. if (overScrolled && getChildCount() > 0) {
  112. if (getLastVisiblePosition() == getCount() - 1 && deltaY > 0) {
  113. return true;
  114. }
  115. if (getFirstVisiblePosition() == 0 && deltaY < 0) {
  116. return true;
  117. }
  118. }
  119. return false;
  120. }
  121. }

测试代码:

  1. public class MainActivity extends Activity {
  2. ElasticListView listView;
  3. @Override
  4. protected void onCreate(Bundle savedInstanceState) {
  5. super.onCreate(savedInstanceState);
  6. setContentView(R.layout.activity_main);
  7. listView = (ElasticListView) findViewById(R.id.listview);
  8. String[] listValues = new String[20];
  9. for (int i=0;i<listValues.length;i++) {
  10. listValues[i] = "TextView" + i;
  11. }
  12. listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, listValues));
  13. }
  14. }
    1. public class MainActivity extends Activity {
    2. ElasticListView listView;
    3. @Override
    4. protected void onCreate(Bundle savedInstanceState) {
    5. super.onCreate(savedInstanceState);
    6. setContentView(R.layout.activity_main);
    7. listView = (ElasticListView) findViewById(R.id.listview);
    8. String[] listValues = new String[20];
    9. for (int i=0;i<listValues.length;i++) {
    10. listValues[i] = "TextView" + i;
    11. }
    12. listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, listValues));
    13. }
    14. }