在实际开发中我们经常要用到上拉刷新和下拉刷新，因此今天我写了一个上拉和下拉刷新的demo，有一个自定义的下拉刷新控件
只需要在布局文件中直接引用就可以使用，非常方便，非常使用，以下是源代码；
自定义的ListView RTPullListView
1 package com.ryantang.pulllistview;
2
3 import java.util.Date;
4
5 import android.content.Context;
6 import android.util.AttributeSet;
7 import android.util.Log;
8 import android.view.LayoutInflater;
9 import android.view.MotionEvent;
10 import android.view.View;
11 import android.view.ViewGroup;
12 import android.view.animation.LinearInterpolator;
13 import android.view.animation.RotateAnimation;
14 import android.widget.AbsListView;
15 import android.widget.AbsListView.OnScrollListener;
16 import android.widget.BaseAdapter;
17 import android.widget.ImageView;
18 import android.widget.LinearLayout;
19 import android.widget.ListView;
20 import android.widget.ProgressBar;
21 import android.widget.TextView;
22
23 public class RTPullListView extends ListView implements OnScrollListener {
24 private static final String TAG = "RTPullListView";
25
26 private final static int RELEASE_To_REFRESH = 0;
27 private final static int PULL_To_REFRESH = 1;
28 private final static int REFRESHING = 2;
29 private final static int DONE = 3;
30 private final static int LOADING = 4;
31
32 // 实际的padding的距离与界面上偏移距离的比例
33 private final static int RATIO = 3;
34 private LayoutInflater inflater;
35 private LinearLayout headView;
36 private TextView tipsTextview;
37 private TextView lastUpdatedTextView;
38 private ImageView arrowImageView;
39 private ProgressBar progressBar;
40
41 private RotateAnimation animation;
42 private RotateAnimation reverseAnimation;
43
44 // 用于保证startY的值在一个完整的touch事件中只被记录一次
45 private boolean isRecored;
46
47 // private int headContentWidth;
48 private int headContentHeight;
49
50 private int startY;
51 private int firstItemIndex;
52 private int state;
53 private boolean isBack;
54 private OnRefreshListener refreshListener;
55
56 private boolean isRefreshable;
57 private boolean isPush;
58
59 private int visibleLastIndex;
60 private int visibleItemCount;
61
62 public RTPullListView(Context context) {
63 super(context);
64 init(context);
65 }
66
67 public RTPullListView(Context context, AttributeSet attrs) {
68 super(context, attrs);
69 init(context);
70 }
71
72 private void init(Context context) {
73 inflater = LayoutInflater.from(context);
74 headView = (LinearLayout) inflater.inflate(R.layout.pulllist_head, null);
75 arrowImageView = (ImageView) headView.findViewById(R.id.head_arrowImageView);
76 // arrowImageView.setMinimumWidth(70);
77 // arrowImageView.setMinimumHeight(50);
78 progressBar = (ProgressBar) headView.findViewById(R.id.head_progressBar);
79 tipsTextview = (TextView) headView.findViewById(R.id.head_tipsTextView);
80 lastUpdatedTextView = (TextView) headView.findViewById(R.id.head_lastUpdatedTextView);
81
82 measureView(headView);
83 headContentHeight = headView.getMeasuredHeight();
84 // headContentWidth = headView.getMeasuredWidth();
85
86 headView.setPadding(0, -1 * headContentHeight, 0, 0);
87 headView.invalidate();
88
89 addHeaderView(headView, null, false);
90 setOnScrollListener(this);
91
92 animation = new RotateAnimation(0, -180,
93 RotateAnimation.RELATIVE_TO_SELF, 0.5f,
94 RotateAnimation.RELATIVE_TO_SELF, 0.5f);
95 animation.setInterpolator(new LinearInterpolator());
96 animation.setDuration(250);
97 animation.setFillAfter(true);
98
99 reverseAnimation = new RotateAnimation(-180, 0,
100 RotateAnimation.RELATIVE_TO_SELF, 0.5f,
101 RotateAnimation.RELATIVE_TO_SELF, 0.5f);
102 reverseAnimation.setInterpolator(new LinearInterpolator());
103 reverseAnimation.setDuration(200);
104 reverseAnimation.setFillAfter(true);
105
106 state = DONE;
107 isRefreshable = false;
108 isPush = true;
109 }
110
111 public void onScroll(AbsListView arg0, int firstVisiableItem, int arg2,
112 int arg3) {
113 firstItemIndex = firstVisiableItem;
114 visibleLastIndex = firstVisiableItem + arg2 - 1;
115 visibleItemCount = arg2;
116 if(firstItemIndex == 1 && !isPush){
117 setSelection(0);
118 }
119 }
120
121 public void setSelectionfoot(){
122 this.setSelection(visibleLastIndex - visibleItemCount + 1);
123 }
124
125 public void onScrollStateChanged(AbsListView arg0, int arg1) {
126
127 }
128 @Override
129 public boolean onTouchEvent(MotionEvent event) {
130
131 if (isRefreshable) {
132 switch (event.getAction()) {
133 case MotionEvent.ACTION_DOWN:
134 if (firstItemIndex == 0 && !isRecored) {
135 isRecored = true;
136 isPush = true;
137 startY = (int) event.getY();
138 Log.v(TAG, "在down时候记录当前位置‘");
139 }
140 break;
141 case MotionEvent.ACTION_UP:
142 if (state != REFRESHING && state != LOADING) {
143 if (state == DONE) {
144 // 什么都不做
145 }
146 if (state == PULL_To_REFRESH) {
147 state = DONE;
148 changeHeaderViewByState();
149
150 Log.v(TAG, "由下拉刷新状态，到done状态");
151 }
152 if (state == RELEASE_To_REFRESH) {
153 state = REFRESHING;
154 changeHeaderViewByState();
155 onRefresh();
156
157 Log.v(TAG, "由松开刷新状态，到done状态");
158 }
159 }
160
161 isRecored = false;
162 isBack = false;
163
164 break;
165
166 case MotionEvent.ACTION_MOVE:
167 int tempY = (int) event.getY();
168
169 if (!isRecored && firstItemIndex == 0) {
170 Log.v(TAG, "在move时候记录下位置");
171 isRecored = true;
172 startY = tempY;
173 }
174
175 if (state != REFRESHING && isRecored && state != LOADING) {
176
177 // 保证在设置padding的过程中，当前的位置一直是在head，否则如果当列表超出屏幕的话，当在上推的时候，列表会同时进行滚动
178
179 // 可以松手去刷新了
180 if (state == RELEASE_To_REFRESH) {
181
182 setSelection(0);
183
184 // 往上推了，推到了屏幕足够掩盖head的程度，但是还没有推到全部掩盖的地步
185 if (((tempY - startY) / RATIO < headContentHeight)
186 && (tempY - startY) > 0) {
187 state = PULL_To_REFRESH;
188 changeHeaderViewByState();
189
190 Log.v(TAG, "由松开刷新状态转变到下拉刷新状态");
191 }
192 // 一下子推到顶了
193 else if (tempY - startY <= 0) {
194 state = DONE;
195 changeHeaderViewByState();
196
197 Log.v(TAG, "由松开刷新状态转变到done状态");
198 }
199 // 往下拉了，或者还没有上推到屏幕顶部掩盖head的地步
200 else {
201 // 不用进行特别的操作，只用更新paddingTop的值就行了
202 }
203 }
204 // 还没有到达显示松开刷新的时候,DONE或者是PULL_To_REFRESH状态
205 if (state == PULL_To_REFRESH) {
206
207 setSelection(0);
208
209 // 下拉到可以进入RELEASE_TO_REFRESH的状态
210 if ((tempY - startY) / RATIO >= headContentHeight) {
211 state = RELEASE_To_REFRESH;
212 isBack = true;
213 changeHeaderViewByState();
214 Log.v(TAG, "由done或者下拉刷新状态转变到松开刷新");
215 }
216 // 上推到顶了
217 else if (tempY - startY <= 0) {
218 state = DONE;
219 changeHeaderViewByState();
220 isPush = false;
221 Log.v(TAG, "由DOne或者下拉刷新状态转变到done状态");
222 }
223 }
224
225 // done状态下
226 if (state == DONE) {
227 if (tempY - startY > 0) {
228 state = PULL_To_REFRESH;
229 changeHeaderViewByState();
230 }
231 }
232
233 // 更新headView的size
234 if (state == PULL_To_REFRESH) {
235 headView.setPadding(0, -1 * headContentHeight
236 + (tempY - startY) / RATIO, 0, 0);
237
238 }
239
240 // 更新headView的paddingTop
241 if (state == RELEASE_To_REFRESH) {
242 headView.setPadding(0, (tempY - startY) / RATIO
243 - headContentHeight, 0, 0);
244 }
245
246 }
247
248 break;
249 }
250 }
251
252 return super.onTouchEvent(event);
253 }
254
255 // 当状态改变时候，调用该方法，以更新界面
256 private void changeHeaderViewByState() {
257 switch (state) {
258 case RELEASE_To_REFRESH:
259 arrowImageView.setVisibility(View.VISIBLE);
260 progressBar.setVisibility(View.GONE);
261 tipsTextview.setVisibility(View.VISIBLE);
262 lastUpdatedTextView.setVisibility(View.VISIBLE);
263
264 arrowImageView.clearAnimation();
265 arrowImageView.startAnimation(animation);
266
267 tipsTextview.setText(getResources().getString(R.string.release_to_refresh));
268
269 Log.v(TAG, "当前状态，松开刷新");
270 break;
271 case PULL_To_REFRESH:
272 progressBar.setVisibility(View.GONE);
273 tipsTextview.setVisibility(View.VISIBLE);
274 lastUpdatedTextView.setVisibility(View.VISIBLE);
275 arrowImageView.clearAnimation();
276 arrowImageView.setVisibility(View.VISIBLE);
277 // 是由RELEASE_To_REFRESH状态转变来的
278 if (isBack) {
279 isBack = false;
280 arrowImageView.clearAnimation();
281 arrowImageView.startAnimation(reverseAnimation);
282
283 tipsTextview.setText(getResources().getString(R.string.pull_to_refresh));
284 } else {
285 tipsTextview.setText(getResources().getString(R.string.pull_to_refresh));
286 }
287 Log.v(TAG, "当前状态，下拉刷新");
288 break;
289
290 case REFRESHING:
291
292 headView.setPadding(0, 0, 0, 0);
293
294 progressBar.setVisibility(View.VISIBLE);
295 arrowImageView.clearAnimation();
296 arrowImageView.setVisibility(View.GONE);
297 tipsTextview.setText(getResources().getString(R.string.refreshing));
298 lastUpdatedTextView.setVisibility(View.VISIBLE);
299
300 Log.v(TAG, "当前状态,正在刷新...");
301 break;
302 case DONE:
303 headView.setPadding(0, -1 * headContentHeight, 0, 0);
304
305 progressBar.setVisibility(View.GONE);
306 arrowImageView.clearAnimation();
307 arrowImageView.setImageResource(R.drawable.pulltorefresh);
308 tipsTextview.setText(getResources().getString(R.string.pull_to_refresh));
309 lastUpdatedTextView.setVisibility(View.VISIBLE);
310
311 Log.v(TAG, "当前状态，done");
312 break;
313 }
314 }
315
316 public void setonRefreshListener(OnRefreshListener refreshListener) {
317 this.refreshListener = refreshListener;
318 isRefreshable = true;
319 }
320
321 public interface OnRefreshListener {
322 public void onRefresh();
323 }
324
325 public void onRefreshComplete() {
326 state = DONE;
327 lastUpdatedTextView.setText(getResources().getString(R.string.updating) + new Date().toLocaleString());
328 changeHeaderViewByState();
329 invalidateViews();
330 setSelection(0);
331 }
332
333 private void onRefresh() {
334 if (refreshListener != null) {
335 refreshListener.onRefresh();
336 }
337 }
338
339 public void clickToRefresh(){
340 state = REFRESHING;
341 changeHeaderViewByState();
342 }
343
344 // 此方法直接照搬自网络上的一个下拉刷新的demo，此处是“估计”headView的width以及height
345 private void measureView(View child) {
346 ViewGroup.LayoutParams p = child.getLayoutParams();
347 if (p == null) {
348 p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,
349 ViewGroup.LayoutParams.WRAP_CONTENT);
350 }
351 int childWidthSpec = ViewGroup.getChildMeasureSpec(0, 0 + 0, p.width);
352 int lpHeight = p.height;
353 int childHeightSpec;
354 if (lpHeight > 0) {
355 childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight,
356 MeasureSpec.EXACTLY);
357 } else {
358 childHeightSpec = MeasureSpec.makeMeasureSpec(0,MeasureSpec.UNSPECIFIED);
359 }
360 child.measure(childWidthSpec, childHeightSpec);
361 }
362
363 public void setAdapter(BaseAdapter adapter) {
364 lastUpdatedTextView.setText(getResources().getString(R.string.updating) + new Date().toLocaleString());
365 super.setAdapter(adapter);
366 }
367 }
以上就是有下拉和上拉刷新功能的自定义的listview，下拉刷新头和上拉刷新的底部样式都可以自定义
这里给出我的下拉头布局和上拉底部布局，你们可以在此基础上进行修改自定义；
pulllist_head.xml 头布局
1 <?xml version="1.0" encoding="utf-8"?> 2 <!-- ListView的头部 --> 3 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 4 android:layout_width="fill_parent" 5 android:layout_height="wrap_content" 6 android:paddingTop="5dp" 7 android:paddingBottom="5dp" 8 android:background="#FFFFFFFF" > 9 10 <!-- 内容 --> 11 12 <RelativeLayout 13 android:id="@+id/head_contentLayout" 14 android:layout_width="fill_parent" 15 android:layout_height="wrap_content" 16 android:layout_marginTop="10dp" 17 android:layout_marginBottom="10dp" 18 android:paddingLeft="10dp" > 19 20 <!-- 箭头图像、进度条 --> 21 22 <FrameLayout 23 android:layout_width="wrap_content" 24 android:layout_height="wrap_content" 25 android:layout_alignParentLeft="true" 26 android:layout_centerVertical="true" > 27 28 <!-- 箭头 --> 29 30 <ImageView 31 android:id="@+id/head_arrowImageView" 32 android:layout_width="wrap_content" 33 android:layout_height="wrap_content" 34 android:layout_gravity="center" 35 android:src="@drawable/pulltorefresh" /> 36 37 <!-- 进度条 --> 38 39 <ProgressBar 40 android:id="@+id/head_progressBar" 41 style="@android:style/Widget.ProgressBar.Small" 42 android:layout_width="wrap_content" 43 android:layout_height="wrap_content" 44 android:layout_gravity="center" 45 android:visibility="gone" /> 46 </FrameLayout> 47 48 <!-- 提示、最近更新 --> 49 50 <LinearLayout 51 android:layout_width="wrap_content" 52 android:layout_height="wrap_content" 53 android:layout_centerHorizontal="true" 54 android:gravity="center_horizontal" 55 android:orientation="vertical" > 56 57 <!-- 提示 --> 58 59 <TextView 60 android:id="@+id/head_tipsTextView" 61 android:layout_width="wrap_content" 62 android:layout_height="wrap_content" 63 android:textSize="16sp" /> 64 65 <!-- 最近更新 --> 66 67 <TextView 68 android:id="@+id/head_lastUpdatedTextView" 69 android:layout_width="wrap_content" 70 android:layout_height="wrap_content" 71 android:textSize="13sp" /> 72 </LinearLayout> 73 </RelativeLayout> 74 75 </LinearLayout>
底部布局：list_footview.xml
1 <?xml version="1.0" encoding="utf-8"?> 2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:id="@+id/list_footview" 4 android:layout_width="fill_parent" 5 android:layout_height="fill_parent" 6 android:background="@android:color/white" 7 android:orientation="vertical" > 8 9 <LinearLayout 10 android:layout_width="wrap_content" 11 android:layout_height="wrap_content" 12 android:layout_centerInParent="true" 13 android:layout_centerVertical="true" 14 android:layout_marginBottom="25dp" 15 android:layout_marginTop="25dp" 16 android:gravity="center" 17 android:orientation="horizontal" > 18 19 <TextView 20 android:id="@+id/text_view" 21 android:layout_width="wrap_content" 22 android:layout_height="wrap_content" 23 android:gravity="center" 24 android:text="获取更多" 25 android:textColor="@android:color/black" 26 android:textSize="16sp" /> 27 28 <ProgressBar 29 android:id="@+id/footer_progress" 30 style="?android:attr/progressBarStyleSmall" 31 android:layout_width="wrap_content" 32 android:layout_height="wrap_content" 33 android:layout_marginLeft="3dp" 34 android:visibility="gone" /> 35 </LinearLayout> 36 37 </RelativeLayout>
ok这样一个自定义的下拉上拉刷新的listview就定义好了，可以在activity的布局文件中直接引用，并且像操纵listview那样使用
非常方便，这里也给出我使用的源码；
首先是主界面布局：main.xml
1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="fill_parent" 4 android:layout_height="fill_parent" 5 android:orientation="vertical" > 6 7 <com.ryantang.pulllistview.RTPullListView 8 android:id="@+id/pullListView" 9 android:layout_width="fill_parent" 10 android:layout_height="wrap_content" /> 11 12 </LinearLayout>
主界面activity中使用源码：
1 package com.ryantang.pulllistview;
2
3 import java.util.ArrayList;
4 import java.util.List;
5
6 import android.app.Activity;
7 import android.os.Bundle;
8 import android.os.Handler;
9 import android.os.Message;
10 import android.view.LayoutInflater;
11 import android.view.View;
12 import android.view.View.OnClickListener;
13 import android.widget.ArrayAdapter;
14 import android.widget.ProgressBar;
15 import android.widget.RelativeLayout;
16
17 import com.ryantang.pulllistview.RTPullListView.OnRefreshListener;
18
19 /**
20 * PullListView
21 * @author Ryan
22 *
23 */
24 public class RTPullListViewActivity extends Activity {
25 private static final int INTERNET_FAILURE = -1;
26 private static final int LOAD_SUCCESS = 1;
27 private static final int LOAD_MORE_SUCCESS = 3;
28 private static final int NO_MORE_INFO = 4;
29 private static final int LOAD_NEW_INFO = 5;
30 private RTPullListView pullListView;
31 private ProgressBar moreProgressBar;
32 private List<String> dataList;
33 private ArrayAdapter<String> adapter;
34
35 @Override
36 public void onCreate(Bundle savedInstanceState) {
37 super.onCreate(savedInstanceState);
38 setContentView(R.layout.main);
39 pullListView = (RTPullListView) this.findViewById(R.id.pullListView);
40
41 dataList = new ArrayList<String>();
42 for (int i = 0; i < 5; i++) {
43 dataList.add("Item data "+i);
44 }
45 adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, dataList);
46 pullListView.setAdapter(adapter);
47
48 //添加listview底部获取更多按钮（可自定义）
49 LayoutInflater inflater = LayoutInflater.from(this);
50 View view = inflater.inflate(R.layout.list_footview, null);
51 RelativeLayout footerView =(RelativeLayout) view.findViewById(R.id.list_footview);
52 moreProgressBar = (ProgressBar) view.findViewById(R.id.footer_progress);
53 pullListView.addFooterView(footerView);
54
55 //下拉刷新监听器
56 pullListView.setonRefreshListener(new OnRefreshListener() {
57
58 @Override
59 public void onRefresh() {
60 new Thread(new Runnable() {
61
62 @Override
63 public void run() {
64 try {
65 Thread.sleep(2000);
66 dataList.clear();
67 for (int i = 0; i < 5; i++) {
68 dataList.add("Item data "+i);
69 }
70 myHandler.sendEmptyMessage(LOAD_NEW_INFO);
71 } catch (InterruptedException e) {
72 e.printStackTrace();
73 }
74 }
75 }).start();
76 }
77 });
78
79 //获取跟多监听器
80 footerView.setOnClickListener(new OnClickListener() {//
81
82 @Override
83 public void onClick(View v) {
84
85 moreProgressBar.setVisibility(View.VISIBLE);
86
87 new Thread(new Runnable() {
88
89 @Override
90 public void run() {
91 try {
92 Thread.sleep(2000);
93 for (int i = 0; i < 5; i++) {
94 dataList.add("New item data "+i);
95 }
96 myHandler.sendEmptyMessage(LOAD_MORE_SUCCESS);
97 } catch (InterruptedException e) {
98 e.printStackTrace();
99 }
100 }
101 }).start();
102 }
103 });
104 }
105
106 //结果处理
107 private Handler myHandler = new Handler(){
108
109 @Override
110 public void handleMessage(Message msg) {
111 super.handleMessage(msg);
112 switch (msg.what) {
113 case LOAD_MORE_SUCCESS:
114 moreProgressBar.setVisibility(View.GONE);
115 adapter.notifyDataSetChanged();
116 pullListView.setSelectionfoot();
117 break;
118
119 case LOAD_NEW_INFO:
120 adapter.notifyDataSetChanged();
121 pullListView.onRefreshComplete();
122 break;
123 default:
124 break;
125 }
126 }
127
128 };
129 }
时间： 2024-11-05 20:59:14