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 {  
8.   
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;  
17.   
18.     private RefreshListener refreshListener;  
19.   
20.     private String downTextString;  
21.     private String releaseTextString;  
22.   
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;  
32.       
33.       
34.     private Context mContext;  
35.     public RefreshableView(Context context) {  
36.         super(context);  
37.         mContext = context;  
38.           
39.     }  
40.     public RefreshableView(Context context, AttributeSet attrs) {  
41.         super(context, attrs);  
42.         mContext = context;  
43.         init();  
44.           
45.     }  
46.     private void init() {  
47.         // TODO Auto-generated method stub   
48.         //滑動對象，   
49.         scroller = new Scroller(mContext);  
50.           
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);  
61.           
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.     }  
69.   
70.   
71.   
72.   
73.     /** 
74.      * 刷新 
75.      * @param time 
76.      */  
77.     private void setRefreshText(String time) {  
78.         // TODO Auto-generated method stub   
79.         //timeTextView.setText(time);   
80.     }  
81.   
82.   
83.       
84.     @Override  
85.     public boolean onTouchEvent(MotionEvent event) {  
86.           
87.         int y= (int) event.getRawY();  
88.           
89.           
90.         switch (event.getAction()) {  
91.         case MotionEvent.ACTION_DOWN:  
92.             //記錄下y坐標   
93.             lastY = y;  
94.             break;  
95.   
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;  
106.               
107.         case MotionEvent.ACTION_UP:  
108.             Log.i(TAG, "ACTION_UP");  
109.               
110.             fling();  
111.               
112.             break;  
113.         }  
114.         return true;  
115.     }  
116.   
117.   
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.     }  
131.       
132.   
133.       
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.     }  
156.       
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);  
197.           
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.         }  
207.               
208.     }  
209.   
210.     public void setRefreshEnabled(boolean b) {  
211.         this.isRefreshEnabled = b;  
212.     }  
213.   
214.     public void setRefreshListener(RefreshListener listener) {  
215.         this.refreshListener = listener;  
216.     }  
217.   
218.     /** 
219.      * 刷新時間 
220.      * @param refreshTime2 
221.      */  
222.     private void setRefreshTime(Long time) {  
223.         // TODO Auto-generated method stub   
224.           
225.     }  
226.   
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.     }  
240.   
241.       
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;  
255.   
256.         case MotionEvent.ACTION_MOVE:  
257.             //y移動坐標   
258.             int m = y - lastY;  
259.   
260.             //記錄下此刻y坐標   
261.             this.lastY = y;  
262.              if(m > 6 &&  canScroll()){  
263.                  return true;  
264.              }  
265.             break;  
266.         case MotionEvent.ACTION_UP:  
267.               
268.             break;  
269.               
270.     case MotionEvent.ACTION_CANCEL:  
271.               
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.             }  
297.               
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。