Android 類ListView下拉刷新控件實現

Android下拉刷新，在目前好多應用被使用到。

比如微博，下拉刷新更多數據。

一般我們在運用的ListView，本身就實現了下拉獲取更多數據。只是這個下拉刷新的操作時在listView拉到底端的監聽。

對於ListView刷新，我們可以分為兩種情況：

1.獲取更多的數據，按服務器數據庫時間順序存儲入情況，此刻我們是獲取是顯示在我們應用中的數據更早前的數據，這也是最常見的情況。

比如（微博獲取更多信息，就是獲取更多更早前的信息，然後動態的添加到已有的數據的下方）；

2.獲取更多的最新的數據，其實還是一種獲取更多的操作方式。但是這裡主要考慮到用戶的操作習慣了。一般，用戶的操作習慣分這麼兩種

第一種，獲取下一頁，第二種，類似於網頁的F5刷新，停留在當前頁面的刷新。

ListView刷新其實類似於網頁。如果沒用下拉刷新，那麼用戶得將ListView拖拉到最後（當然也可以是在界面頂端添加一個刷新按鈕控件，但是，對於手機這樣界面不是很大，這樣的設計其實是不應太多的。），如果數據太多，那麼用戶要下拉到很下面才能執行刷新。而對於大多數用戶習慣，獲取更多的最新資訊後，希望他添加的時候是在界面最上面的顯眼處的。也就是，用戶還是喜歡的是懶操作，在同一個可顯示界面完成所有操作。那麼，下拉刷新是一個不錯的設計。

效果圖：正常狀態

下拉刷新：

基本效果就是這樣。

自定義控件代碼

1. /**
2. * 刷新控制view
3. *
4. * @author Nono
5. *
6. */
7. public class RefreshableView extends LinearLayout {
9. private static final String TAG = "LILITH";
10. private Scroller scroller;
11. private View refreshView;
12. private ImageView refreshIndicatorView;
13. private int refreshTargetTop = -60;
14. private ProgressBar bar;
15. private TextView downTextView;
16. private TextView timeTextView;
18. private RefreshListener refreshListener;
20. private String downTextString;
21. private String releaseTextString;
23. private Long refreshTime = null;
24. private int lastX;
25. private int lastY;
26. // 拉動標記
27. private boolean isDragging = false;
28. // 是否可刷新標記
29. private boolean isRefreshEnabled = true;
30. // 在刷新中標記
31. private boolean isRefreshing = false;
34. private Context mContext;
35. public RefreshableView(Context context) {
36. super(context);
37. mContext = context;
39. }
40. public RefreshableView(Context context, AttributeSet attrs) {
41. super(context, attrs);
42. mContext = context;
43. init();
45. }
46. private void init() {
47. // TODO Auto-generated method stub
48. //滑動對象，
49. scroller = new Scroller(mContext);
51. //刷新視圖頂端的的view
52. refreshView = LayoutInflater.from(mContext).inflate(R.layout.refresh_top_item, null);
53. //指示器view
54. refreshIndicatorView = (ImageView) refreshView.findViewById(R.id.indicator);
55. //刷新bar
56. bar = (ProgressBar) refreshView.findViewById(R.id.progress);
57. //下拉顯示text
58. downTextView = (TextView) refreshView.findViewById(R.id.refresh_hint);
59. //下來顯示時間
60. timeTextView = (TextView) refreshView.findViewById(R.id.refresh_time);
62. LayoutParams lp = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT, -refreshTargetTop);
63. lp.topMargin = refreshTargetTop;
64. lp.gravity = Gravity.CENTER;
65. addView(refreshView, lp);
66. downTextString = mContext.getResources().getString(R.string.refresh_down_text);
67. releaseTextString = mContext.getResources().getString(R.string.refresh_release_text);
68. }
73. /**
74. * 刷新
75. * @param time
76. */
77. private void setRefreshText(String time) {
78. // TODO Auto-generated method stub
79. //timeTextView.setText(time);
80. }
84. @Override
85. public boolean onTouchEvent(MotionEvent event) {
87. int y= (int) event.getRawY();
90. switch (event.getAction()) {
91. case MotionEvent.ACTION_DOWN:
92. //記錄下y坐標
93. lastY = y;
94. break;
96. case MotionEvent.ACTION_MOVE:
97. Log.i(TAG, "ACTION_MOVE");
98. //y移動坐標
99. int m = y - lastY;
100. if(((m < 6) && (m > -1)) || (!isDragging )){
101. doMovement(m);
102. }
103. //記錄下此刻y坐標
104. this.lastY = y;
105. break;
107. case MotionEvent.ACTION_UP:
108. Log.i(TAG, "ACTION_UP");
110. fling();
112. break;
113. }
114. return true;
115. }
118. /**
119. * up事件處理
120. */
121. private void fling() {
122. // TODO Auto-generated method stub
123. LinearLayout.LayoutParams lp = (LayoutParams) refreshView.getLayoutParams();
124. Log.i(TAG, "fling()" + lp.topMargin);
125. if(lp.topMargin > 0){//拉到了觸發可刷新事件
126. refresh();
127. }else{
128. returnInitState();
129. }
130. }
134. private void returnInitState() {
135. // TODO Auto-generated method stub
136. LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams)this.refreshView.getLayoutParams();
137. int i = lp.topMargin;
138. scroller.startScroll(0, i, 0, refreshTargetTop);
139. invalidate();
140. }
141. private void refresh() {
142. // TODO Auto-generated method stub
143. LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams)this.refreshView.getLayoutParams();
144. int i = lp.topMargin;
145. refreshIndicatorView.setVisibility(View.GONE);
146. bar.setVisibility(View.VISIBLE);
147. timeTextView.setVisibility(View.GONE);
148. downTextView.setVisibility(View.GONE);
149. scroller.startScroll(0, i, 0, 0-i);
150. invalidate();
151. if(refreshListener !=null){
152. refreshListener.onRefresh(this);
153. isRefreshing = true;
154. }
155. }
157. /**
158. *
159. */
160. @Override
161. public void computeScroll() {
162. // TODO Auto-generated method stub
163. if(scroller.computeScrollOffset()){
164. int i = this.scroller.getCurrY();
165. LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams)this.refreshView.getLayoutParams();
166. int k = Math.max(i, refreshTargetTop);
167. lp.topMargin = k;
168. this.refreshView.setLayoutParams(lp);
169. this.refreshView.invalidate();
170. invalidate();
171. }
172. }
173. /**
174. * 下拉move事件處理
175. * @param moveY
176. */
177. private void doMovement(int moveY) {
178. // TODO Auto-generated method stub
179. LinearLayout.LayoutParams lp = (LayoutParams) refreshView.getLayoutParams();
180. if(moveY > 0){
181. //獲取view的上邊距
182. float f1 =lp.topMargin;
183. float f2 = moveY * 0.3F;
184. int i = (int)(f1+f2);
185. //修改上邊距
186. lp.topMargin = i;
187. //修改後刷新
188. refreshView.setLayoutParams(lp);
189. refreshView.invalidate();
190. invalidate();
191. }
192. timeTextView.setVisibility(View.VISIBLE);
193. if(refreshTime!= null){
194. setRefreshTime(refreshTime);
195. }
196. downTextView.setVisibility(View.VISIBLE);
198. refreshIndicatorView.setVisibility(View.VISIBLE);
199. bar.setVisibility(View.GONE);
200. if(lp.topMargin > 0){
201. downTextView.setText(R.string.refresh_release_text);
202. refreshIndicatorView.setImageResource(R.drawable.refresh_arrow_up);
203. }else{
204. downTextView.setText(R.string.refresh_down_text);
205. refreshIndicatorView.setImageResource(R.drawable.refresh_arrow_down);
206. }
208. }
210. public void setRefreshEnabled(boolean b) {
211. this.isRefreshEnabled = b;
212. }
214. public void setRefreshListener(RefreshListener listener) {
215. this.refreshListener = listener;
216. }
218. /**
219. * 刷新時間
220. * @param refreshTime2
221. */
222. private void setRefreshTime(Long time) {
223. // TODO Auto-generated method stub
225. }
227. /**
228. * 結束刷新事件
229. */
230. public void finishRefresh(){
231. Log.i(TAG, "執行了=====finishRefresh");
232. LinearLayout.LayoutParams lp= (LinearLayout.LayoutParams)this.refreshView.getLayoutParams();
233. int i = lp.topMargin;
234. refreshIndicatorView.setVisibility(View.VISIBLE);
235. timeTextView.setVisibility(View.VISIBLE);
236. scroller.startScroll(0, i, 0, refreshTargetTop);
237. invalidate();
238. isRefreshing = false;
239. }
242. /*該方法一般和ontouchEvent 一起用
243. * (non-Javadoc)
244. * @see android.view.ViewGroup#onInterceptTouchEvent(android.view.MotionEvent)
245. */
246. @Override
247. public boolean onInterceptTouchEvent(MotionEvent e) {
248. // TODO Auto-generated method stub
249. int action = e.getAction();
250. int y= (int) e.getRawY();
251. switch (action) {
252. case MotionEvent.ACTION_DOWN:
253. lastY = y;
254. break;
256. case MotionEvent.ACTION_MOVE:
257. //y移動坐標
258. int m = y - lastY;
260. //記錄下此刻y坐標
261. this.lastY = y;
262. if(m > 6 && canScroll()){
263. return true;
264. }
265. break;
266. case MotionEvent.ACTION_UP:
268. break;
270. case MotionEvent.ACTION_CANCEL:
272. break;
273. }
274. return false;
275. }
276. private boolean canScroll() {
277. // TODO Auto-generated method stub
278. View childView;
279. if(getChildCount()>1){
280. childView = this.getChildAt(1);
281. if(childView instanceof ListView){
282. int top =((ListView)childView).getChildAt(0).getTop();
283. int pad =((ListView)childView).getListPaddingTop();
284. if((Math.abs(top-pad)) < 3&&
285. ((ListView) childView).getFirstVisiblePosition() == 0){
286. return true;
287. }else{
288. return false;
289. }
290. }else if(childView instanceof ScrollView){
291. if(((ScrollView)childView).getScrollY() == 0){
292. return true;
293. }else{
294. return false;
295. }
296. }
298. }
299. return false;
300. }
301. /**
302. * 刷新監聽接口
303. * @author Nono
304. *
305. */
306. public interface RefreshListener{
307. public void onRefresh(RefreshableView view);
308. }
309. }

此控件自定義實現一個線性布局，內部包含一個第一個子控件，刷新顯示的View。