Android使用PullToRefresh完成ListView下拉刷新和左滑刪除功能
ListView下刷新刷功能相信從事Android開(kāi)發(fā)的猿友們并不陌生,包括現(xiàn)在Google親兒子SwipeRefreshLayout實(shí)現(xiàn)效果在一些APP上也能看見(jiàn)(不過(guò)個(gè)人不喜歡官方的刷新效果)。本文就帶領(lǐng)一些剛?cè)腴Tandroid的朋友或者一起愛(ài)分享的朋友來(lái)簡(jiǎn)單的實(shí)現(xiàn)ListView的下拉刷新和左滑刪除效果。
一、本文主要內(nèi)容:
使用PullToRefresh完成ListView下拉、上拉刷新;
擴(kuò)展PullToRefresh完美的實(shí)現(xiàn)ListView左滑刪除效果; 注意:本文中的PullToRefresh并非完整的開(kāi)源庫(kù),個(gè)人把一些不需要的和平時(shí)無(wú)相關(guān)的類已刪除??雌饋?lái)更加精簡(jiǎn),更加容易理解。
附上PullToRefresh源碼庫(kù)下載地址:http://download.csdn.net/detail/jaynm/9670737
二、先看效果:
1.ListView下拉刷新、上拉加載更多:

2.ListView下拉刷新、上拉加載更多、左滑刪除:

三、實(shí)現(xiàn)代碼:
1.實(shí)現(xiàn)ListView下拉刷新:
至于PullToRefreshBase類,自己修改過(guò)源碼,代碼太長(zhǎng)這里就不貼出來(lái),自己可以下載Demo自己仔細(xì)閱讀,主要看如何應(yīng)用到自己項(xiàng)目中:
* Created by caobo on 2016/11/1 0001.
* ListView下拉刷新、上拉加載更多
*/
public class ListViewActivity extends Activity implements PullToRefreshBase.OnRefreshListener<ListView> {
private PullToRefreshListView refreshlistview;
private ListView mListView;
//添加數(shù)據(jù)List集合
//TODO:這里使用了LinkedList方便Demo中添加數(shù)據(jù)使用,實(shí)際項(xiàng)目中使用ArrayList即可。
private LinkedList<String> pullData;
private ListAdapter adapter;
//標(biāo)記下拉index
private int pullDownIndex = 0;
//標(biāo)記上拉index
private int pullUpIndex = 0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_listview);
pullData = new LinkedList<>();
refreshlistview = (PullToRefreshListView) findViewById(R.id.refreshlistview);
refreshlistview.setPullLoadEnabled(false);
refreshlistview.setScrollLoadEnabled(true);
refreshlistview.setOnRefreshListener(this);
mListView = refreshlistview.getRefreshableView();
adapter = new ListAdapter(getData());
mListView.setAdapter(adapter);
refreshlistview.onRefreshComplete();
}
@Override
public void onPullDownToRefresh(PullToRefreshBase<ListView> refreshView) {
onPullDown();
}
@Override
public void onPullUpToRefresh(PullToRefreshBase<ListView> refreshView) {
onPullUp();
}
/**
* 預(yù)加載初始化數(shù)據(jù)List
* @return
*/
public List<String> getData() {
for (int i = 1; i <= 20; i++) {
pullData.add("默認(rèn)ListView數(shù)據(jù)" + i);
}
return pullData;
}
/**
* 下拉刷新添加數(shù)據(jù)到List集合
*/
public void onPullDown() {
pullData.addFirst("下拉刷新數(shù)據(jù)" + pullDownIndex);
pullDownIndex++;
refreshlistview.onRefreshComplete();
adapter.notifyDataSetChanged();
}
/**
* 上拉加載添加數(shù)據(jù)到List集合
*/
public void onPullUp() {
pullData.addLast("上拉加載數(shù)據(jù)" + pullUpIndex);
pullUpIndex++;
refreshlistview.onRefreshComplete();
adapter.notifyDataSetChanged();
}
public void onBackClick(View view){
finish();
}
}
是不是以上操作還是很簡(jiǎn)單的就完成了ListView下拉刷新,上拉加載更多。
XML布局文件也很簡(jiǎn)單,只需要引用PullToRefreshListView的地址即可:
這樣我們就完成了一個(gè)ListView列表的下拉刷新和上拉加載更多,個(gè)人認(rèn)為PullToRefresh這個(gè)庫(kù)還是很強(qiáng)大的。
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <com.jaynm.pulltorefreshscrollviewdemo.refresh.PullToRefreshListView android:background="#000" android:id="@+id/refreshlistview" android:layout_width="match_parent" android:layout_height="match_parent" android:cacheColorHint="@android:color/transparent" android:divider="@color/consumer_bg" android:dividerHeight="1px" android:fadingEdge="none" android:orientation="vertical" android:overScrollMode="never" android:requiresFadingEdge="none"> </com.jaynm.pulltorefreshscrollviewdemo.refresh.PullToRefreshListView> </LinearLayout>
1.實(shí)現(xiàn)ListView下拉刷新、左滑刪除:
注意:
a.這里重寫ListView生成SwipeMenuListView,所以他仍然是ListView列表控件;
b.既然需要左滑,必須要在onTouchEvent()方法里面來(lái)判斷手勢(shì)滑動(dòng)的操作;
c.需要考慮到下拉、上拉和左滑事件的沖突;
d.需要考慮左滑刪除事件每次只能有一個(gè)item處于刪除狀態(tài);
@Override
public boolean onTouchEvent(MotionEvent ev) {
if (ev.getAction() != MotionEvent.ACTION_DOWN && mTouchView == null)
return super.onTouchEvent(ev);
int action = ev.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
int oldPos = mTouchPosition;
mDownX = ev.getX();
mDownY = ev.getY();
mTouchState = TOUCH_STATE_NONE;
mTouchPosition = pointToPosition((int) ev.getX(), (int) ev.getY());
if (mTouchPosition == oldPos && mTouchView != null
&& mTouchView.isOpen()) {
mTouchState = TOUCH_STATE_X;
mTouchView.onSwipe(ev);
return true;
}
View view = getChildAt(mTouchPosition - getFirstVisiblePosition());
if (mTouchView != null && mTouchView.isOpen()) {
mTouchView.smoothCloseMenu();
mTouchView = null;
// return super.onTouchEvent(ev);
// try to cancel the touch event
MotionEvent cancelEvent = MotionEvent.obtain(ev);
cancelEvent.setAction(MotionEvent.ACTION_CANCEL);
onTouchEvent(cancelEvent);
if (mOnMenuStateChangeListener != null) {
mOnMenuStateChangeListener.onMenuClose(oldPos);
}
return true;
}
if (view instanceof SwipeMenuLayout) {
mTouchView = (SwipeMenuLayout) view;
mTouchView.setSwipeDirection(mDirection);
}
if (mTouchView != null) {
mTouchView.onSwipe(ev);
}
break;
case MotionEvent.ACTION_MOVE:
//有些可能有header,要減去header再判斷
mTouchPosition = pointToPosition((int) ev.getX(), (int) ev.getY()) - getHeaderViewsCount();
//如果滑動(dòng)了一下沒(méi)完全展現(xiàn),就收回去,這時(shí)候mTouchView已經(jīng)賦值,再滑動(dòng)另外一個(gè)不可以swip的view
//會(huì)導(dǎo)致mTouchView swip 。 所以要用位置判斷是否滑動(dòng)的是一個(gè)view
if (!mTouchView.getSwipEnable() || mTouchPosition != mTouchView.getPosition()) {
break;
}
float dy = Math.abs((ev.getY() - mDownY));
float dx = Math.abs((ev.getX() - mDownX));
if (mTouchState == TOUCH_STATE_X) {
if (mTouchView != null) {
mTouchView.onSwipe(ev);
}
getSelector().setState(new int[]{0});
ev.setAction(MotionEvent.ACTION_CANCEL);
super.onTouchEvent(ev);
return true;
} else if (mTouchState == TOUCH_STATE_NONE) {
if (Math.abs(dy) > MAX_Y) {
mTouchState = TOUCH_STATE_Y;
} else if (dx > MAX_X) {
mTouchState = TOUCH_STATE_X;
if (mOnSwipeListener != null) {
mOnSwipeListener.onSwipeStart(mTouchPosition);
}
}
}
break;
case MotionEvent.ACTION_UP:
if (mTouchState == TOUCH_STATE_X) {
if (mTouchView != null) {
boolean isBeforeOpen = mTouchView.isOpen();
mTouchView.onSwipe(ev);
boolean isAfterOpen = mTouchView.isOpen();
if (isBeforeOpen != isAfterOpen && mOnMenuStateChangeListener != null) {
if (isAfterOpen) {
mOnMenuStateChangeListener.onMenuOpen(mTouchPosition);
} else {
mOnMenuStateChangeListener.onMenuClose(mTouchPosition);
}
}
if (!isAfterOpen) {
mTouchPosition = -1;
mTouchView = null;
}
}
if (mOnSwipeListener != null) {
mOnSwipeListener.onSwipeEnd(mTouchPosition);
}
ev.setAction(MotionEvent.ACTION_CANCEL);
super.onTouchEvent(ev);
return true;
}
break;
}
return super.onTouchEvent(ev);
}
mOnSwipeListener.onSwipeStart(mTouchPosition);用來(lái)記錄當(dāng)前手勢(shì)狀態(tài)為MotionEvent.ACTION_MOVE開(kāi)始向左滑動(dòng)時(shí)的標(biāo)記,mOnSwipeListener.onSwipeEnd(mTouchPosition);用來(lái)記錄當(dāng)前手勢(shì)狀態(tài)為MotionEvent.ACTION_UP結(jié)束向左滑動(dòng)時(shí)的標(biāo)記,主要用于在Activity界面回調(diào)時(shí)獲取當(dāng)前操作狀態(tài),既然如此,我們就可以根據(jù)onSwipeStart()和onSwipeEnd()這兩個(gè)回調(diào)方法來(lái)解決上述的第三個(gè)問(wèn)題(需要考慮到下拉、上拉和左滑事件的沖突)
// 操作ListView左滑時(shí)的手勢(shì)操作,這里用于處理上下左右滑動(dòng)沖突:開(kāi)始滑動(dòng)時(shí)則禁止下拉刷新和上拉加載手勢(shì)操作,結(jié)束滑動(dòng)后恢復(fù)上下拉操作
swipeMenuListView.setOnSwipeListener(new SwipeMenuListView.OnSwipeListener() {
@Override
public void onSwipeStart(int position) {
refreshlistview.setPullRefreshEnabled(false);
}
@Override
public void onSwipeEnd(int position) {
refreshlistview.setPullRefreshEnabled(true);
}
});
refreshlistview.setPullRefreshEnabled(false);方法便是我在PullToRefreshBase當(dāng)中自定義的是否支持下拉刷新操作事件,我們可以根據(jù)onSwipeStart()和onSwipeEnd()方法來(lái)進(jìn)行設(shè)置。
這樣我們就完美的解決了以上三點(diǎn)注意事項(xiàng),從而實(shí)現(xiàn)ListView左滑刪除也是一件很easy的事情。
下面就看來(lái)上述注意事項(xiàng)d,這個(gè)需要在事件分發(fā)機(jī)制上下點(diǎn)功夫:因?yàn)楫?dāng)我們左滑出itemA的刪除按鈕,再次去滑動(dòng)itemB時(shí),不能讓它也出現(xiàn),得要先關(guān)閉掉itemA的刪除狀態(tài),這樣才是合理的操作,所以在方法中來(lái)處理攔截事件:
@ public boolean onInterceptTouchEvent(MotionEvent ev) {
//在攔截處處理,在滑動(dòng)設(shè)置了點(diǎn)擊事件的地方也能swip,點(diǎn)擊時(shí)又不能影響原來(lái)的點(diǎn)擊事件
int action = ev.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
mDownX = ev.getX();
mDownY = ev.getY();
boolean handled = super.onInterceptTouchEvent(ev);
mTouchState = TOUCH_STATE_NONE;
mTouchPosition = pointToPosition((int) ev.getX(), (int) ev.getY());
View view = getChildAt(mTouchPosition - getFirstVisiblePosition());
//只在空的時(shí)候賦值 以免每次觸摸都賦值,會(huì)有多個(gè)open狀態(tài)
if (view instanceof SwipeMenuLayout) {
//如果有打開(kāi)了 就攔截.
if (mTouchView != null && mTouchView.isOpen() && !inRangeOfView(mTouchView.getMenuView(), ev)) {
return true;
}
mTouchView = (SwipeMenuLayout) view;
mTouchView.setSwipeDirection(mDirection);
}
//如果摸在另外個(gè)view
if (mTouchView != null && mTouchView.isOpen() && view != mTouchView) {
handled = true;
}
if (mTouchView != null) {
mTouchView.onSwipe(ev);
}
return handled;
case MotionEvent.ACTION_MOVE:
float dy = Math.abs((ev.getY() - mDownY));
float dx = Math.abs((ev.getX() - mDownX));
if (Math.abs(dy) > MAX_Y || Math.abs(dx) > MAX_X) {
//每次攔截的down都把觸摸狀態(tài)設(shè)置成了TOUCH_STATE_NONE 只有返回true才會(huì)走onTouchEvent 所以寫在這里就夠了
if (mTouchState == TOUCH_STATE_NONE) {
if (Math.abs(dy) > MAX_Y) {
mTouchState = TOUCH_STATE_Y;
} else if (dx > MAX_X) {
mTouchState = TOUCH_STATE_X;
if (mOnSwipeListener != null) {
mOnSwipeListener.onSwipeStart(mTouchPosition);
}
}
}
return true;
}
}
return super.onInterceptTouchEvent(ev);
}
OK,以上便是SwipeMenuListView類中的所有事件處理代碼,下面就可以Activity中來(lái)引用我們所定義的SwipeMenuListView,從而實(shí)現(xiàn)ListView下拉刷新,上拉加載,左滑刪除效果。
// 創(chuàng)建左滑彈出的item
SwipeMenuCreator creator = new SwipeMenuCreator() {
@Override
public void create(SwipeMenu menu) {
// 創(chuàng)建Item
SwipeMenuItem openItem = new SwipeMenuItem(getApplicationContext());
// 設(shè)置item的背景顏色
openItem.setBackground(new ColorDrawable(Color.RED));
// 設(shè)置item的寬度
openItem.setWidth(Utils.dip2px(SwipeListViewActivity.this,90));
// 設(shè)置item標(biāo)題
openItem.setTitle("刪除");
// 設(shè)置item字號(hào)
openItem.setTitleSize(18);
// 設(shè)置item字體顏色
openItem.setTitleColor(Color.WHITE);
// 添加到ListView的Item布局當(dāng)中
menu.addMenuItem(openItem);
}
};
// set creator
swipeMenuListView.setMenuCreator(creator);
// 操作刪除按鈕的點(diǎn)擊事件
swipeMenuListView.setOnMenuItemClickListener(new SwipeMenuListView.OnMenuItemClickListener() {
@Override
public boolean onMenuItemClick(final int position, SwipeMenu menu, int index) {
Toast.makeText(SwipeListViewActivity.this,"刪除"+pullData.get(position),Toast.LENGTH_LONG).show();
return false;
}
});
// 操作ListView左滑時(shí)的手勢(shì)操作,這里用于處理上下左右滑動(dòng)沖突:開(kāi)始滑動(dòng)時(shí)則禁止下拉刷新和上拉加載手勢(shì)操作,結(jié)束滑動(dòng)后恢復(fù)上下拉操作
swipeMenuListView.setOnSwipeListener(new SwipeMenuListView.OnSwipeListener() {
@Override
public void onSwipeStart(int position) {
refreshlistview.setPullRefreshEnabled(false);
}
@Override
public void onSwipeEnd(int position) {
refreshlistview.setPullRefreshEnabled(true);
}
});
}
四、常用的一些屬性介紹:
pull-to-refresh在xml中還能定義一些屬性:
ptrRefreshableViewBackground 設(shè)置整個(gè)mPullRefreshListView的背景色
ptrHeaderBackground 設(shè)置下拉Header或者上拉Footer的背景色
ptrHeaderTextColor 用于設(shè)置Header與Footer中文本的顏色
ptrHeaderSubTextColor 用于設(shè)置Header與Footer中上次刷新時(shí)間的顏色
ptrShowIndicator如果為true會(huì)在mPullRefreshListView中出現(xiàn)icon,右上角和右下角,挺有意思的。
ptrHeaderTextAppearance , ptrSubHeaderTextAppearance分別設(shè)置拉Header或者上拉Footer中字體的類型顏色等等
ptrRotateDrawableWhilePulling當(dāng)動(dòng)畫(huà)設(shè)置為rotate時(shí),下拉是是否旋轉(zhuǎn)。
總結(jié):其實(shí)實(shí)現(xiàn)ListView刷新并不困難,可能以前我們經(jīng)常會(huì)看到有這樣的組件存在:XListView,這個(gè)組件應(yīng)該在初學(xué)Android的時(shí)候,很多人都見(jiàn)過(guò),這就是很多人自己定義編寫的ListView下拉刷新,要實(shí)現(xiàn)功能也是沒(méi)問(wèn)題的,可是個(gè)人一直覺(jué)得效果體驗(yàn)程度太差。在項(xiàng)目中一直使用的是PullToRefresh下拉刷新。
好了,今天的分享就到這里了,寫的不足的地方和不懂的地方大家可以留言共同探討學(xué)習(xí)交流!
分享自己的IT資源庫(kù)QQ群:459756676 主要是幫助IT行業(yè)初學(xué)者分享視頻學(xué)習(xí)資料,只要你是it愛(ài)好者都可進(jìn)入共同學(xué)習(xí)!
以上所述是小編給大家介紹的Android使用PullToRefresh完成ListView下拉刷新和左滑刪除功能,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
Android Room數(shù)據(jù)庫(kù)容易遇到的問(wèn)題以及解決方法
這篇文章給大家介紹了我們?cè)贏ndroid Room數(shù)據(jù)庫(kù)容易遇到的坑以及解決方法,文中有詳細(xì)的代碼示例供我們參考,具有一定的參考價(jià)值,需要的朋友可以參考下2023-09-09
Android 仿小米鎖屏實(shí)現(xiàn)九宮格解鎖功能(無(wú)需圖片資源)
最近公司要求做個(gè)九宮格解鎖,本人用的是小米手機(jī),看著他那個(gè)設(shè)置鎖屏九宮格很好看,就做了該組件,不使用圖片資源,純代碼實(shí)現(xiàn),感興趣的朋友參考下吧2016-12-12
Glide實(shí)現(xiàn)加載圖片顯示進(jìn)度條效果
Glide作為安卓開(kāi)發(fā)常用的圖片加載庫(kù),有許多實(shí)用而且強(qiáng)大的功能,那么,下面這篇文章主要給大家介紹了利用Glide實(shí)現(xiàn)加載圖片顯示進(jìn)度條效果的相關(guān)資料,文中給出了詳細(xì)的示例代碼供大家參考學(xué)習(xí),需要的朋友們下來(lái)一起看看吧。2017-05-05
Android.mk引入第三方j(luò)ar包和so庫(kù)文件的方法
這篇文章主要介紹了Android.mk引入第三方j(luò)ar包和so庫(kù)文件的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05
Android應(yīng)用的Material設(shè)計(jì)的布局兼容性的一些要點(diǎn)總結(jié)
這篇文章主要介紹了Android應(yīng)用的Material設(shè)計(jì)的布局兼容性的一些要點(diǎn)總結(jié),文中還給了一個(gè)RecyclerView布局管理的例子,需要的朋友可以參考下2016-04-04
Android App調(diào)試內(nèi)存泄露之Cursor篇
最近在工作中處理了一些內(nèi)存泄露的問(wèn)題,在這個(gè)過(guò)程中我尤其發(fā)現(xiàn)了一些基本的問(wèn)題反而忽略導(dǎo)致內(nèi)存泄露2012-11-11

