Android 仿网易新闻v3.5:上下滑动的引导页

版权声明：本文为博主原创文章，未经博主允许不得转载。

在很多天气或者新闻的应用中，我们都能看到一些字幕滚动的效果，最简单的实现为跑马灯效果,用系统提供的属性即可实现. 复杂一些的就需要自己去用自定义控件实现. 比如 让TextView 实现垂直滚动. 这里我要讲的是垂直滚动的字幕效果，并且内容并不仅为文字，还可以加入图片或者其他元素. 废话不多说，还是直接上效果图:

首先还是看一下核心的实现:

目前我的做法是重写了ScrollView,对外提供几个重要的方法：

isScrolled()方法判断当前是否为滚动状态

setScrolled(boolean flag)设置滚动的开关

setPeriod(long period)设置从开始滚动到结束的时间

setSpeed(long speed)设置滚动的速度

下面说一些需要注意的地方:

1.由于是定时操作,所以需要在Activity的对应生命周期进行处理: 当界面由不可见到可见时，设置setScrolled(true)打开滚动开关,由可见到不可见时，setScrolled(false)

关闭开关

2. 可根据自己需要调用setPeriod(long period)和setSpeed(long speed)控制滚动的速度

3. 由于是ScrollView实现的，中间放置的内容同ScrollView,不仅仅可以设置文字，还可以添加图片等其他元素，实现复杂的UI

4. 图文混排, 目前这个DEMO我还没做细致处理. 最主要的部分就是文字的处理,需要考虑中英文,全角半角,字体大小，段落处理,计算对应的字符宽高等进行排版

图片等资源处理的部分就相对要简单，主要处理分辨率与计算宽高

关于这些部分，之后我会慢慢做细致讲解.

这个Demo是我临时写的，UI和图文混排包括具体的滚动部分处理都相对简单，大家可以在这个例子的基础上进行扩展,根据需求做出自己想要的效果:

Demo下载地址:http://download.csdn.net/detail/t12x3456/5875157

下面是对应的代码:

首先是自定义View:

1. package com.tony.autoscroll;
2. import android.content.Context;
3. import android.os.Handler;
4. import android.util.AttributeSet;
5. import android.util.Log;
6. import android.view.MotionEvent;
7. import android.widget.ScrollView;
8. /**
9. * @author Tony
10. *
11. */
12. public class AutoScrollView extends ScrollView {
13. private final Handler handler = new Handler();
14. private long duration     = 50;
15. private boolean isScrolled   = false;
16. private int currentIndex = 0;
17. private long period = 1000;
18. private int  currentY = -1;
19. private double  x;
20. private double  y;
21. private int type = -1;
22. /**
23. * @param context
24. */
25. public AutoScrollView(Context context) {
26. this(context, null);
27. }
28. /**
29. * @param context
30. * @param attrs
31. */
32. public AutoScrollView(Context context, AttributeSet attrs) {
33. this(context, attrs, 0);
34. }
35. /**
36. * @param context
37. * @param attrs
38. * @param defStyle
39. */
40. public AutoScrollView(Context context, AttributeSet attrs, int defStyle) {
41. super(context, attrs, defStyle);
42. }
43. public boolean onTouchEvent(MotionEvent event) {
44. int Action = event.getAction();
45. switch (Action) {
46. case MotionEvent.ACTION_DOWN:
47. x=event.getX();
48. y=event.getY();
49. if (type == 0) {
50. setScrolled(false);
51. }
52. break;
53. case MotionEvent.ACTION_MOVE:
54. double moveY = event.getY() - y;
55. double moveX = event.getX() - x;
56. if ((moveY>20||moveY<-20) && (moveX < 50 || moveX > -50) && getParent() != null) {
57. getParent().requestDisallowInterceptTouchEvent(true);
58. }
59. break;
60. case MotionEvent.ACTION_UP:
61. if (type == 0) {
62. currentIndex = getScrollY();
63. setScrolled(true);
64. }
65. break;
66. default:
67. break;
68. }
69. return super.onTouchEvent(event);
70. }
71. @Override
72. public boolean onInterceptTouchEvent(MotionEvent p_event)
73. {
74. return true;
75. }
76. /**
77. * 判断当前是否为滚动状态
78. *
79. * @return the isScrolled
80. */
81. public boolean isScrolled() {
82. return isScrolled;
83. }
84. /**
85. * 开启或者关闭自动滚动功能
86. *
87. * @param isScrolled true为开启，false为关闭
88. */
89. public void setScrolled(boolean isScrolled) {
90. this.isScrolled = isScrolled;
91. autoScroll();
92. }
93. /**
94. * 获取当前滚动到结尾时的停顿时间，单位：毫秒
95. *
96. * @return the period
97. */
98. public long getPeriod() {
99. return period;
100. }
101. /**
102. * 设置当前滚动到结尾时的停顿时间，单位：毫秒
103. *
104. * @param period
105. *  the period to set
106. */
107. public void setPeriod(long period) {
108. this.period = period;
109. }
110. /**
111. * 获取当前的滚动速度，单位：毫秒，值越小，速度越快。
112. *
113. * @return the speed
114. */
115. public long getSpeed() {
116. return duration;
117. }
118. /**
119. * 设置当前的滚动速度，单位：毫秒，值越小，速度越快。
120. *
121. * @param speed
122. *            the duration to set
123. */
124. public void setSpeed(long speed) {
125. this.duration = speed;
126. }
127. public void setType(int type){
128. this.type = type;
129. }
130. private void autoScroll() {
131. handler.postDelayed(new Runnable() {
132. @Override
133. public void run() {
134. boolean flag = isScrolled;
135. if (flag) {
136. if (currentY == getScrollY()) {
137. try {
138. Thread.sleep(period);
139. } catch (InterruptedException e) {
140. e.printStackTrace();
141. }
142. currentIndex = 0;
143. scrollTo(0, 0);
144. handler.postDelayed(this, period);
145. } else {
146. currentY = getScrollY();
147. handler.postDelayed(this, duration);
148. currentIndex++;
149. scrollTo(0, currentIndex * 1);
150. }
151. } else {
152. //currentIndex = 0;
153. //scrollTo(0, 0);
154. }
155. }
156. }, duration);
157. }
158. }

MainActivity:

1. package com.tony.autoscroll;
2. import com.example.testautoscroll.R;
3. import android.os.Bundle;
4. import android.app.Activity;
5. /**
6. * link: blog.csdn.net/t12x3456
7. * @author Tony
8. *
9. */
10. public class MainActivity extends Activity {
11. private AutoScrollView scrollView;
12. @Override
13. protected void onCreate(Bundle savedInstanceState) {
14. super.onCreate(savedInstanceState);
15. setContentView(R.layout.activity_main);
16. scrollView = (AutoScrollView) findViewById(R.id.auto_scrollview);
17. }
18. @Override
19. protected void onStart() {
20. // TODO Auto-generated method stub
21. if(!scrollView.isScrolled()){
22. scrollView.setScrolled(true);
23. }
24. super.onStart();
25. }
26. @Override
27. protected void onStop() {
28. // TODO Auto-generated method stub
29. if(scrollView.isScrolled()){
30. scrollView.setScrolled(false);
31. }
32. super.onStop();
33. }
34. }

如有转载，请声明出处: 时之沙: http://blog.csdn.net/t12x3456