Android中重写ListView实现下拉刷新

最新推荐文章于 2019-07-29 16:24:40 发布
最新推荐文章于 2019-07-29 16:24:40 发布
阅读量110 收藏
点赞数
文章标签： 移动开发 php 数据库

最近项目中刚好有下拉刷新的需求，于是找了一些开源的资料研究了一下，看到网上有很多实现方式，有的继承Linearlayout，有的重写ScrollView，还有的重写Gridview，看到最多的还是重写listview，这里采用哪一种方式的实现没有对错之分，关键要看需求的设计。

这里还是采用大家用的最多的listview实现下拉刷新的操作。

效果如下图：

device-2013-09-20-203440

device-2013-09-20-203530

下面我们来看下代码：

其主要代码是listview实现：

001 public class PullToRefreshListView extends ListView implements OnScrollListener {
002
003 private final static String TAG = "PullToRefreshListView";
004
005 // 下拉刷新标志
006 private final static int PULL_To_REFRESH = 0;
007 // 松开刷新标志
008 private final static int RELEASE_To_REFRESH = 1;
009 // 正在刷新标志
010 private final static int REFRESHING = 2;
011 // 刷新完成标志
012 private final static int DONE = 3;
013
014 private LayoutInflater inflater;
015
016 private LinearLayout headView;
017 private TextView tipsTextview;
018 private TextView lastUpdatedTextView;
019 private ImageView arrowImageView;
020 private ProgressBar progressBar;
021 // 用来设置箭头图标动画效果
022 private RotateAnimation animation;
023 private RotateAnimation reverseAnimation;
024
025 // 用于保证startY的值在一个完整的touch事件中只被记录一次
026 private boolean isRecored;
027
028 private int headContentWidth;
029 private int headContentHeight;
030 private int headContentOriginalTopPadding;
031
032 private int startY;
033 private int firstItemIndex;
034 private int currentScrollState;
035
036 private int state;
037
038 private boolean isBack;
039
040 public OnRefreshListener refreshListener;
041
042 public PullToRefreshListView(Context context, AttributeSet attrs) {
043 super(context, attrs);
044 init(context);
045 }
046
047 public PullToRefreshListView(Context context, AttributeSet attrs, int defStyle) {
048 super(context, attrs, defStyle);
049 init(context);
050 }
051
052 private void init(Context context) {
053 //设置滑动效果
054 animation = new RotateAnimation(0, -180,
055 RotateAnimation.RELATIVE_TO_SELF, 0.5f,
056 RotateAnimation.RELATIVE_TO_SELF, 0.5f);
057 animation.setInterpolator(new LinearInterpolator());
058 animation.setDuration(100);
059 animation.setFillAfter(true);
060
061 reverseAnimation = new RotateAnimation(-180, 0,
062 RotateAnimation.RELATIVE_TO_SELF, 0.5f,
063 RotateAnimation.RELATIVE_TO_SELF, 0.5f);
064 reverseAnimation.setInterpolator(new LinearInterpolator());
065 reverseAnimation.setDuration(100);
066 reverseAnimation.setFillAfter(true);
067
068 inflater = LayoutInflater.from(context);
069 headView = (LinearLayout) inflater.inflate(R.layout.pull_to_refresh_head, null);
070
071 arrowImageView = (ImageView) headView.findViewById(R.id.head_arrowImageView);
072 arrowImageView.setMinimumWidth(50);
073 arrowImageView.setMinimumHeight(50);
074 progressBar = (ProgressBar) headView.findViewById(R.id.head_progressBar);
075 tipsTextview = (TextView) headView.findViewById(R.id.head_tipsTextView);
076 lastUpdatedTextView = (TextView) headView.findViewById(R.id.head_lastUpdatedTextView);
077
078 headContentOriginalTopPadding = headView.getPaddingTop();
079
080 measureView(headView);
081 headContentHeight = headView.getMeasuredHeight();
082 headContentWidth = headView.getMeasuredWidth();
083
084 headView.setPadding(headView.getPaddingLeft(), -1 * headContentHeight, headView.getPaddingRight(), headView.getPaddingBottom());
085 headView.invalidate();
086
087 //System.out.println("初始高度："+headContentHeight);
088 //System.out.println("初始TopPad："+headContentOriginalTopPadding);
089
090 addHeaderView(headView);
091 setOnScrollListener(this);
092 }
093
094 public void onScroll(AbsListView view, int firstVisiableItem, int visibleItemCount, int totalItemCount) {
095 firstItemIndex = firstVisiableItem;
096 }
097
098 public void onScrollStateChanged(AbsListView view, int scrollState) {
099 currentScrollState = scrollState;
100 }
101
102 public boolean onTouchEvent(MotionEvent event) {
103 switch (event.getAction()) {
104 case MotionEvent.ACTION_DOWN:
105 if (firstItemIndex == 0 && !isRecored) {
106 startY = (int) event.getY();
107 isRecored = true;
108 //System.out.println("当前-按下高度-ACTION_DOWN-Y："+startY);
109 }
110 break;
111
112 case MotionEvent.ACTION_CANCEL://失去焦点&取消动作
113 case MotionEvent.ACTION_UP:
114
115 if (state != REFRESHING) {
116 if (state == DONE) {
117 //System.out.println("当前-抬起-ACTION_UP：DONE什么都不做");
118 }
119 else if (state == PULL_To_REFRESH) {
120 state = DONE;
121 changeHeaderViewByState();
122 //System.out.println("当前-抬起-ACTION_UP：PULL_To_REFRESH-->DONE-由下拉刷新状态到刷新完成状态");
123 }
124 else if (state == RELEASE_To_REFRESH) {
125 state = REFRESHING;
126 changeHeaderViewByState();
127 onRefresh();
128 //System.out.println("当前-抬起-ACTION_UP：RELEASE_To_REFRESH-->REFRESHING-由松开刷新状态，到刷新完成状态");
129 }
130 }
131
132 isRecored = false;
133 isBack = false;
134
135 break;
136
137 case MotionEvent.ACTION_MOVE:
138 int tempY = (int) event.getY();
139 //System.out.println("当前-滑动-ACTION_MOVE Y："+tempY);
140 if (!isRecored && firstItemIndex == 0) {
141 //System.out.println("当前-滑动-记录拖拽时的位置 Y："+tempY);
142 isRecored = true;
143 startY = tempY;
144 }
145 if (state != REFRESHING && isRecored) {
146 // 可以松开刷新了
147 if (state == RELEASE_To_REFRESH) {
148 // 往上推，推到屏幕足够掩盖head的程度，但还没有全部掩盖
149 if ((tempY - startY < headContentHeight+20)
150 && (tempY - startY) > 0) {
151 state = PULL_To_REFRESH;
152 changeHeaderViewByState();
153 //System.out.println("当前-滑动-ACTION_MOVE：RELEASE_To_REFRESH--》PULL_To_REFRESH-由松开刷新状态转变到下拉刷新状态");
154 }
155 // 一下子推到顶
156 else if (tempY - startY <= 0) {
157 state = DONE;
158 changeHeaderViewByState();
159 //System.out.println("当前-滑动-ACTION_MOVE：RELEASE_To_REFRESH--》DONE-由松开刷新状态转变到done状态");
160 }
161 // 往下拉，或者还没有上推到屏幕顶部掩盖head
162 else {
163 // 不用进行特别的操作，只用更新paddingTop的值就行了
164 }
165 }
166 // 还没有到达显示松开刷新的时候,DONE或者是PULL_To_REFRESH状态
167 else if (state == PULL_To_REFRESH) {
168 // 下拉到可以进入RELEASE_TO_REFRESH的状态
169 if (tempY - startY >= headContentHeight+20 && currentScrollState == SCROLL_STATE_TOUCH_SCROLL) {
170 state = RELEASE_To_REFRESH;
171 isBack = true;
172 changeHeaderViewByState();
173 //System.out.println("当前-滑动-PULL_To_REFRESH--》RELEASE_To_REFRESH-由done或者下拉刷新状态转变到松开刷新");
174 }
175 // 上推到顶了
176 else if (tempY - startY <= 0) {
177 state = DONE;
178 changeHeaderViewByState();
179 //System.out.println("当前-滑动-PULL_To_REFRESH--》DONE-由Done或者下拉刷新状态转变到done状态");
180 }
181 }
182 // done状态下
183 else if (state == DONE) {
184 if (tempY - startY > 0) {
185 state = PULL_To_REFRESH;
186 changeHeaderViewByState();
187 //System.out.println("当前-滑动-DONE--》PULL_To_REFRESH-由done状态转变到下拉刷新状态");
188 }
189 }
190
191 // 更新headView的size
192 if (state == PULL_To_REFRESH) {
193 int topPadding = (int)((-1 * headContentHeight + (tempY - startY)));
194 headView.setPadding(headView.getPaddingLeft(), topPadding, headView.getPaddingRight(), headView.getPaddingBottom());
195 headView.invalidate();
196 //System.out.println("当前-下拉刷新PULL_To_REFRESH-TopPad："+topPadding);
197 }
198
199 // 更新headView的paddingTop
200 if (state == RELEASE_To_REFRESH) {
201 int topPadding = (int)((tempY - startY - headContentHeight));
202 headView.setPadding(headView.getPaddingLeft(), topPadding, headView.getPaddingRight(), headView.getPaddingBottom());
203 headView.invalidate();
204 //System.out.println("当前-释放刷新RELEASE_To_REFRESH-TopPad："+topPadding);
205 }
206 }
207 break;
208 }
209 return super.onTouchEvent(event);
210 }
211
212 // 当状态改变时候，调用该方法，以更新界面
213 private void changeHeaderViewByState() {
214 switch (state) {
215 case RELEASE_To_REFRESH:
216
217 arrowImageView.setVisibility(View.VISIBLE);
218 progressBar.setVisibility(View.GONE);
219 tipsTextview.setVisibility(View.VISIBLE);
220 lastUpdatedTextView.setVisibility(View.VISIBLE);
221
222 arrowImageView.clearAnimation();
223 arrowImageView.startAnimation(animation);
224
225 tipsTextview.setText(R.string.pull_to_refresh_release_label);
226
227 //Log.v(TAG, "当前状态，松开刷新");
228 break;
229 case PULL_To_REFRESH:
230
231 progressBar.setVisibility(View.GONE);
232 tipsTextview.setVisibility(View.VISIBLE);
233 lastUpdatedTextView.setVisibility(View.VISIBLE);
234 arrowImageView.clearAnimation();
235 arrowImageView.setVisibility(View.VISIBLE);
236 if (isBack) {
237 isBack = false;
238 arrowImageView.clearAnimation();
239 arrowImageView.startAnimation(reverseAnimation);
240 }
241 tipsTextview.setText(R.string.pull_to_refresh_pull_label);
242
243 //Log.v(TAG, "当前状态，下拉刷新");
244 break;
245
246 case REFRESHING:
247 //System.out.println("刷新REFRESHING-TopPad："+headContentOriginalTopPadding);
248 headView.setPadding(headView.getPaddingLeft(), headContentOriginalTopPadding, headView.getPaddingRight(), headView.getPaddingBottom());
249 headView.invalidate();
250
251 progressBar.setVisibility(View.VISIBLE);
252 arrowImageView.clearAnimation();
253 arrowImageView.setVisibility(View.GONE);
254 tipsTextview.setText(R.string.pull_to_refresh_refreshing_label);
255 lastUpdatedTextView.setVisibility(View.GONE);
256
257 //Log.v(TAG, "当前状态,正在刷新...");
258 break;
259 case DONE:
260 //System.out.println("完成DONE-TopPad："+(-1 * headContentHeight));
261 headView.setPadding(headView.getPaddingLeft(), -1 * headContentHeight, headView.getPaddingRight(), headView.getPaddingBottom());
262 headView.invalidate();
263
264 progressBar.setVisibility(View.GONE);
265 arrowImageView.clearAnimation();
266 // 此处更换图标
267 arrowImageView.setImageResource(R.drawable.ic_pulltorefresh_arrow);
268
269 tipsTextview.setText(R.string.pull_to_refresh_pull_label);
270 lastUpdatedTextView.setVisibility(View.VISIBLE);
271
272 //Log.v(TAG, "当前状态，done");
273 break;
274 }
275 }
276
277 //点击刷新
278 public void clickRefresh() {
279 setSelection(0);
280 state = REFRESHING;
281 changeHeaderViewByState();
282 onRefresh();
283 }
284
285 public void setOnRefreshListener(OnRefreshListener refreshListener) {
286 this.refreshListener = refreshListener;
287 }
288
289 public interface OnRefreshListener {
290 public void onRefresh();
291 }
292
293 public void onRefreshComplete(String update) {
294 lastUpdatedTextView.setText(update);
295 onRefreshComplete();
296 }
297
298 public void onRefreshComplete() {
299 state = DONE;
300 changeHeaderViewByState();
301 }
302
303 private void onRefresh() {
304 if (refreshListener != null) {
305 refreshListener.onRefresh();
306 }
307 }
308
309 // 计算headView的width及height值
310 private void measureView(View child) {
311 ViewGroup.LayoutParams p = child.getLayoutParams();
312 if (p == null) {
313 p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,
314 ViewGroup.LayoutParams.WRAP_CONTENT);
315 }
316 int childWidthSpec = ViewGroup.getChildMeasureSpec(0, 0 + 0, p.width);
317 int lpHeight = p.height;
318 int childHeightSpec;
319 if (lpHeight > 0) {
320 childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight,
321 MeasureSpec.EXACTLY);
322 } else {
323 childHeightSpec = MeasureSpec.makeMeasureSpec(0,
324 MeasureSpec.UNSPECIFIED);
325 }
326 child.measure(childWidthSpec, childHeightSpec);
327 }
328
329 }

里面的注释可以说写的相当的详细，我这里就不详细解释了，大家可以直接复制到项目中去看，下面我们来看看，如何使用它：

01 pullrefresh_lv = (PullToRefreshListView) findViewById(R.id.pullrefresh_lv);
02 testArr = new LinkedList<String>();
03 testArr.add("↓↓请下拉我看效果↓↓");
04 testAdapter = new TestAdapter(testArr, this);
05 pullrefresh_lv.setAdapter(testAdapter);
06
07 pullrefresh_lv
08 .setOnRefreshListener(new PullToRefreshListView.OnRefreshListener() {
09 public void onRefresh() {
10 // 这里进行网络操作/数据库操作/文件操作
11 handler.sendEmptyMessageDelayed(0, 2000);
12 }
13 });

使用起来也非常方便，和原生态listview无太多差别，只是多了一个 setOnRefreshListener方法，对的，这里就是处理刷新动作的地方，我这里没有进行网络操作，只是做了一个假数据演示(延迟刷新)，下面来看看Handler里面做的处理：

01 Handler handler = new Handler() {
02 public void handleMessage(android.os.Message msg) {
03 switch (msg.what) {
04 case 0:
05 i++;
06 testArr.addFirst("刷新第" + i + "条");
07 pullrefresh_lv
08 .onRefreshComplete(getString(R.string.pull_to_refresh_update)
09 + new Date().toLocaleString());
10 pullrefresh_lv.onRefreshComplete();
11 testAdapter.notifyDataSetChanged();
12 break;
13
14 default:
15 break;
16 }
17 };
18 };

这里当我们刷新动作完成后，调用onRefreshComplete()结束该动作，到这里，整个下来刷新的操作流程就讲完了。

因本站存储空间有限，稍后将源码上传其它社区，有问题请留言，感谢大家。
代码已上传，附上链接：http://www.eoeandroid.com/forum.php?mod=viewthread&tid=304996&page=1&extra=#pid3147702

承影v
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android: ListView 和重写后 MyListView 的简单使用
凉城古梦猫扑街的博客
02-15 3044
什么是 ListView ？它有什么用？ 如这个页面，多个新闻信息：,一个个在xml写是不可能的！ 所以，我们需要用ListView循环写！ 一个LinearLayout 布局中， 就一个图片,一个标题，一个时间，一个评论数量！是不是很少啊？ 一、普通的ListView 例子 为了方便大家理解，我就写个超级简单的例子吧： 代码的组成：一个方法，2个xm
Android中ListView下拉刷新的实现代码
08-30
Android中ListView下拉刷新的实现代码 Android中ListView下拉刷新是一种非常常见的交互方式，下拉刷新可以使用户快速地刷新列表中的内容，提高用户体验。下面将介绍Android中ListView下拉刷新的实现代码的相关知识...
android 重写ListView 让它更加高效
yarkey09
04-15 3137
先贴代码，有空再谈 ^_^   class MeasureListView extends ListView { private final int mChildLayoutHeight; public MeasureListView(Context context, int childLayoutId) { super(context); mChildLayout
Android 重写listview
xiaohudemsdn的博客
07-29 414
public class MyListView extends ListView { public MyListView(Context context) { super(context); } public MyListView(Context context, AttributeSet attrs) { super(context, at...
android应用开发全程实录-你有多熟悉listview？ getView重写 inflate使用
lizhenmingdirk的专栏
03-13 7926
今天给大家带来《android应用开发全程实录》中关于listview和adatper中的部分。包括listview的基本使用，listview的优化等。 我们经常会在应用程序中使用列表的形式来展现一些内容，所以学好ListView是非常必需的。ListView也是Android中比较难以使用的控件，这节内容就将详细解读ListView的用法。 一个ListView通常有两个职责。 （1）将
andrdoid ListView重写Adapter
xiaoxiaobian3310903的专栏
02-26 2342
在很多项目中都会用到ListView，但基本都需要进行重写Adapter，但每次都是会找好半天，写在这儿方便以后copy~~ xml定义一个ListView <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
android应用源码Android重写listview实现下拉刷新源码.zip
10-29
通过分析和学习这个源码，开发者可以更好地理解和掌握如何在自己的项目中实现下拉刷新功能。 总结来说，重写ListView实现下拉刷新是Android开发中的一个重要技能。通过自定义Adapter、监听器、处理触摸事件、创建...
android应用源码Android重写listview实现下拉刷新.zip
12-04
本教程将通过一个名为"android应用源码Android重写listview实现下拉刷新.zip"的压缩包，深入探讨如何在Android中自定义ListView并实现下拉刷新功能。这个压缩包包含了一份用于学习和参考的源码，主要涉及以下几个...
安卓Android源码——重写listview实现下拉刷新.zip
10-14
本压缩包"安卓Android源码——重写listview实现下拉刷新.zip"就是针对这一需求提供的一种解决方案。 首先，我们来理解下拉刷新这一概念。下拉刷新是一种常见的移动应用设计模式，用户通过在ListView顶部向下拉动，...
Android ListView重写Adapter
tuke_tuke的博客
05-23 712
在很多项目中都会用到ListView，但基本都需要进行重写Adapter，但每次都是会找好半天，写在这儿方便以后copy~~ xml定义一个ListView：<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
安卓 ListView 重写事例（C#,VS2015，非JAVA代码）,类似QQ向左滑动删除
07-31
ListView 里面的每一个项 点击某一个项时向左移动，就会露出底部区域的显示效果
c# 多个ListView重写控件
02-27
多个LIstView重写控件，包括在listview中显示图片等等
android ---ListView重写 实现弹性效果
weixin_41069726的博客
05-08 282
xml 中theme一定要是NoActionBar 写一个类继承ListView 重写 overScrollBy 方法 测试此方法 package com.yifei.myapplication; import android.content.Context; import android.os.Build; import android.support.annotation.Requ...
重写listview(或者定义listview)
一日三餐
07-13 470
之前工作当中虽然做android开发但是细想起来UI 部分还真是接触的少了一些，所以接下来的一段时间决定好好补习UI，这不是今天我在看自定义的 listview(以前也有看过但是没有仔细看)。 那么今天呢，我打算比葫芦画瓢 然后添加我自己的理解 看看大家觉得怎么样？是不是也和我有同样的理解呢？ 先来简单的看看关于listview的东西。。。。第一：那就是listview了。。这个东西不...
自定义listView
Miss_ZM的博客
06-02 456
package com.gao.xuejun.makingfriends.find.Newactivitys.fragemt_.fragment_1.listViews; import android.content.Context; import android.util.AttributeSet; import android.widget.ListView; /**  *
Android中ListView下拉刷新的实现
游戏爱好者1199
08-07 850
ListView中的下拉刷新是非常常见的，也是经常使用的，看到有很多同学想要，那我就整理一下，供大家参考。那我就不解释，直接上代码了。 这里需要自己重写一下ListView,重写代码如下: [java] view plaincopy package net.loonggg.listview;      import java.util.
重写ListView解决与ScrollView的冲突
bruceyang的博客
08-15 1280
package com.bruce.a123education.UnBussiness.CustomView; import android.content.Context; import android.util.AttributeSet; import android.widget.ListView; /** * Created by Administrator on 2015/11/2
重写ListView实现下拉刷新上拉加载
liuwei8nn1的专栏
06-17 411
 Android本身的ListView没有刷新功能，要想实现这一功能，就得继承ListView并重写它的方法。同时也要实现其OnScrollListener这一接口。 下拉刷新，需要在原本的ListView上部添加一个Head，ListView本身提供了addHeadView（）这一方法，但是没有实现刷新的功能，我们可以自定义Head的内容，并加上刷新的功能。 上拉加载更多数据与下拉刷新
重写ListView方法
frimary的博客
12-21 1372
public class MyListView extends ListView {     public MyListView(Context context) {         super(context);     }     public MyListView(Context context, AttributeSet attrs) {         super(contex
androidlistview实现下拉刷新
最新发布
12-24
在Android的开发中，要实现下拉刷新功能，可以使用Android内置的控件SwipeRefreshLayout，结合ListView来实现。首先在布局文件中添加SwipeRefreshLayout和ListView控件，然后在Activity中找到两个控件的实例，并设置...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值