Android自定义控件（四）——让每一个Activity UI都具有弹性

前面我们已经介绍了如何让你的ScrollView，ListView具有弹性，

今天，我们在前面的基础上，做一下适当的修改，让那些既不是ScrollView，也不是ListView的Activity页面，也能具有弹性。

先上图：

图中是最简单的一个Android测试程序。默认的效果TextView是无法划动的。

进过我们小小的改造，就能让整个UI具有弹性效果。

改动如下:

[java] view plaincopy

1. protected void onCreate(Bundle savedInstanceState) {
2. super.onCreate(savedInstanceState);
3. View view = getLayoutInflater().inflate(R.layout.activity_main, null);
4. view.setOnTouchListener(new ElasticTouchListener());
5. setContentView(view);
6. }

我们仅仅只需要在需要弹性的Root VIew 上加上监听。就能达到如果的效果了。

ElasticTouchListener源码：

[java] view plaincopy

1. public class ElasticTouchListener implements OnTouchListener {
2. private View inner;
3. View[] children;
4. private float y;
5. private Rect normal = new Rect();
6. private boolean animationFinish = true;
7. private int[] tops;
8. private int[] bottoms;
9. @Override
10. public boolean onTouch(View v, MotionEvent ev) {
11. if (inner == null && children == null) {
12. if (v instanceof ViewGroup) {
13. ViewGroup group = (ViewGroup) v;
14. int count = group.getChildCount();
15. if (count > 0) {
16. children = new View[count];
17. tops = new int[count];
18. bottoms = new int[count];
19. for (int i = 0; i < count; i++) {
20. children[i] = group.getChildAt(i);
21. tops[i] = children[i].getTop();
22. bottoms[i] = children[i].getBottom();
23. }
24. }
25. }
26. inner = v;
27. }
28. if (animationFinish && (inner != null || children != null)) {
29. int action = ev.getAction();
30. switch (action) {
31. case MotionEvent.ACTION_DOWN:
32. //              System.out.println("ACTION_DOWN");
33. y = ev.getY();
34. break;
35. case MotionEvent.ACTION_UP:
36. //              System.out.println("ACTION_UP");
37. y = 0;
38. if (isNeedAnimation()) {
39. animation();
40. }
41. inner.invalidate();
42. break;
43. case MotionEvent.ACTION_MOVE:
44. //              System.out.println("ACTION_MOVE");
45. final float preY = y == 0 ? ev.getY() : y;
46. float nowY = ev.getY();
47. int deltaY = (int) (preY - nowY);
48. y = nowY;
49. // 当滚动到最上或者最下时就不会再滚动，这时移动布局
50. if (isNeedMove()) {
51. if (normal.isEmpty()) {
52. // 保存正常的布局位置
53. normal.set(inner.getLeft(), inner.getTop(), inner.getRight(), inner.getBottom());
54. }
55. if (children != null) {
56. View view = null;
57. for (int i = 0; i < children.length; i++) {
58. view = children[i];
59. view.layout(view.getLeft(), view.getTop() - deltaY / 2, view.getRight(), view.getBottom() - deltaY / 2);
60. }
61. } else {
62. // 移动布局
63. inner.layout(inner.getLeft(), inner.getTop() - deltaY / 2, inner.getRight(), inner.getBottom() - deltaY / 2);
64. }
65. }
66. inner.invalidate();
67. break;
68. default:
69. break;
70. }
71. } else {
72. return false;
73. }
74. return true;
75. }
76. // 开启动画移动
77. public void animation() {
78. if (children == null) {
79. // 开启移动动画
80. TranslateAnimation trans = new TranslateAnimation(0, 0, 0, normal.top - inner.getTop());
81. trans.setDuration(200);
82. trans.setAnimationListener(new AnimationListener() {
83. @Override
84. public void onAnimationStart(Animation animation) {
85. animationFinish = false;
86. }
87. @Override
88. public void onAnimationRepeat(Animation animation) {
89. }
90. @Override
91. public void onAnimationEnd(Animation animation) {
92. inner.clearAnimation();
93. // 设置回到正常的布局位置
94. inner.layout(normal.left, normal.top, normal.right, normal.bottom);
95. normal.setEmpty();
96. animationFinish = true;
97. }
98. });
99. inner.startAnimation(trans);
100. } else {
101. for (int i = 0; i < children.length; i++) {
102. final View view = children[i];
103. if (view.getVisibility() == View.VISIBLE) {
104. final int index = i;
105. // 开启移动动画
106. TranslateAnimation trans = new TranslateAnimation(0, 0, 0, tops[i] - view.getTop());
107. trans.setDuration(200);
108. trans.setAnimationListener(new AnimationListener() {
109. @Override
110. public void onAnimationStart(Animation animation) {
111. animationFinish = false;
112. }
113. @Override
114. public void onAnimationRepeat(Animation animation) {
115. }
116. @Override
117. public void onAnimationEnd(Animation animation) {
118. view.clearAnimation();
119. // 设置回到正常的布局位置
120. view.layout(view.getLeft(), tops[index], view.getRight(), bottoms[index]);
121. normal.setEmpty();
122. animationFinish = true;
123. }
124. });
125. view.startAnimation(trans);
126. }
127. }
128. }
129. }
130. // 是否需要开启动画
131. public boolean isNeedAnimation() {
132. return !normal.isEmpty();
133. }
134. // 是否需要移动布局
135. public boolean isNeedMove() {
136. //      int offset = inner.getMeasuredHeight() - getHeight();
137. //      int scrollY = getScrollY();
138. //      if (scrollY == 0 || scrollY == offset) {
139. //          return true;
140. //      }
141. //      return false;
142. //      if (children != null && children.length > 0
143. //              && (children[children.length - 1].getBottom() <= inner.getPaddingTop()/*inner.getTop()*/
144. //              || children[0].getTop() >= inner.getHeight()
145. //              )) {
146. //          return false;
147. //      }
148. return true;
149. }
150. }

本次教程就到此，

经过有弹性的ScrollView，有弹性的ListView，以及本文的介绍，就可以让你的Android应用在每一个角落都拥有弹性啦。