Android使用PullToRefresh完成ListView下拉刷新和左滑刪除功能
ListView下刷新刷功能相信從事Android開(kāi)發(fā)的猿友們并不陌生，包括現(xiàn)在Google親兒子SwipeRefreshLayout實(shí)現(xiàn)效果在一些APP上也能看見(jiàn)(不過(guò)個(gè)人不喜歡官方的刷新效果)。本文就帶領(lǐng)一些剛?cè)腴T(mén)android的朋友或者一起愛(à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)已刪除?？雌饋?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類(lèi)，自己修改過(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.這里重寫(xiě)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 所以寫(xiě)在這里就夠了
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類(lèi)中的所有事件處理代碼，下面就可以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中字體的類(lèi)型顏色等等
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ò)，這就是很多人自己定義編寫(xiě)的ListView下拉刷新，要實(shí)現(xiàn)功能也是沒(méi)問(wèn)題的，可是個(gè)人一直覺(jué)得效果體驗(yàn)程度太差。在項(xiàng)目中一直使用的是PullToRefresh下拉刷新。
好了，今天的分享就到這里了，寫(xiě)的不足的地方和不懂的地方大家可以留言共同探討學(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中的廣播、服務(wù)、數(shù)據(jù)庫(kù)、通知、包等術(shù)語(yǔ)的原理和介紹（圖解）
這篇文章主要介紹了Android中的廣播、服務(wù)、數(shù)據(jù)庫(kù)、通知、包等術(shù)語(yǔ)的原理和介紹（圖解）,本文用圖文方式總結(jié)了Android中的一些開(kāi)發(fā)術(shù)語(yǔ),需要的朋友可以參考下2014-10-10
這篇文章主要介紹了android studio的安裝(史上最詳細(xì))，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
Android實(shí)現(xiàn)左上角（其他邊角）傾斜的標(biāo)簽（環(huán)繞效果）效果
這篇文章主要介紹了Android實(shí)現(xiàn)左上角（其他邊角）傾斜的標(biāo)簽（環(huán)繞效果）效果,本文通過(guò)圖文實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-10-10
很多時(shí)候Android應(yīng)用需要每間隔一段時(shí)間向服務(wù)器請(qǐng)求數(shù)據(jù)，如果服務(wù)器數(shù)據(jù)有更新則通知界面變化。Android中最常用的紅點(diǎn)一般采用的就是輪詢(xún)，本文主要介紹了Android如何搭建自己的輪詢(xún)框架，感興趣的小伙伴們可以參考一下2019-01-01
Android藍(lán)牙通信聊天實(shí)現(xiàn)發(fā)送和接受功能
這篇文章主要為大家詳細(xì)介紹了Android藍(lán)牙通信聊天實(shí)現(xiàn)發(fā)送和接受功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-07
基于android示例程序(bitmapfun) 高效加載圖片讓人無(wú)語(yǔ)地方
嘗試了使用git上的一個(gè)開(kāi)源項(xiàng)目afinal(bitmapfun的封裝版)來(lái)加載圖片，但是在測(cè)試的時(shí)候發(fā)現(xiàn)了一個(gè)問(wèn)題，新的圖片加載器(bitmapfun)比之前用的ImageDownloader要慢很多，特別是在網(wǎng)絡(luò)狀況不好的時(shí)候，那簡(jiǎn)直是太讓人無(wú)語(yǔ)了2013-04-04
Android之EditText控制禁止輸入空格和回車(chē)
本文主要介紹了Android中使用EditText控制禁止輸入空格和回車(chē)的實(shí)現(xiàn)代碼。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-04-04
Android實(shí)現(xiàn)加載時(shí)提示“正在加載，請(qǐng)稍后”的方法
在現(xiàn)在的很多應(yīng)用中，當(dāng)在加載的時(shí)候，如果頁(yè)面動(dòng)態(tài)數(shù)據(jù)較多，會(huì)有很長(zhǎng)一段時(shí)間的空白頁(yè)面，如果加上這個(gè)頁(yè)面正在加載的提示，使得應(yīng)用更加人性化。這篇文章就給大家分享了在 Android實(shí)現(xiàn)加載時(shí)提示“正在加載，請(qǐng)稍后”的方法，有需要的朋友們可以參考借鑒。2016-10-10
Android實(shí)用小技巧之利用Lifecycle寫(xiě)出更好維護(hù)的代碼
lifecycle是一個(gè)類(lèi),用于存儲(chǔ)有關(guān)組件(如Activity或Fragment)的生命周期狀態(tài)的信息,并允許其他對(duì)象觀察此狀態(tài),下面這篇文章主要給大家介紹了關(guān)于Android實(shí)用小技巧之利用Lifecycle寫(xiě)出更好維護(hù)的代碼的相關(guān)資料,需要的朋友可以參考下2022-05-05
Android用MVP實(shí)現(xiàn)一個(gè)簡(jiǎn)單的類(lèi)淘寶訂單頁(yè)面的示例
本篇文章主要介紹了Android用MVP實(shí)現(xiàn)一個(gè)簡(jiǎn)單的類(lèi)淘寶訂單頁(yè)面的示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11