Android使用PullToRefresh完成ListView下拉刷新和左滑刪除功能
ListView下刷新刷功能相信從事Android開發(fā)的猿友們并不陌生,包括現(xiàn)在Google親兒子SwipeRefreshLayout實(shí)現(xiàn)效果在一些APP上也能看見(不過個(gè)人不喜歡官方的刷新效果)。本文就帶領(lǐng)一些剛?cè)腴Tandroid的朋友或者一起愛分享的朋友來簡單的實(shí)現(xiàn)ListView的下拉刷新和左滑刪除效果。
一、本文主要內(nèi)容:
使用PullToRefresh完成ListView下拉、上拉刷新;
擴(kuò)展PullToRefresh完美的實(shí)現(xiàn)ListView左滑刪除效果; 注意:本文中的PullToRefresh并非完整的開源庫,個(gè)人把一些不需要的和平時(shí)無相關(guān)的類已刪除??雌饋砀泳啠尤菀桌斫?。
附上PullToRefresh源碼庫下載地址:http://download.csdn.net/detail/jaynm/9670737
二、先看效果:
1.ListView下拉刷新、上拉加載更多:
2.ListView下拉刷新、上拉加載更多、左滑刪除:
三、實(shí)現(xiàn)代碼:
1.實(shí)現(xiàn)ListView下拉刷新:
至于PullToRefreshBase類,自己修改過源碼,代碼太長這里就不貼出來,自己可以下載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(); } }
是不是以上操作還是很簡單的就完成了ListView下拉刷新,上拉加載更多。
XML布局文件也很簡單,只需要引用PullToRefreshListView的地址即可:
這樣我們就完成了一個(gè)ListView列表的下拉刷新和上拉加載更多,個(gè)人認(rèn)為PullToRefresh這個(gè)庫還是很強(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()方法里面來判斷手勢滑動(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)了一下沒完全展現(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);用來記錄當(dāng)前手勢狀態(tài)為MotionEvent.ACTION_MOVE開始向左滑動(dòng)時(shí)的標(biāo)記,mOnSwipeListener.onSwipeEnd(mTouchPosition);用來記錄當(dāng)前手勢狀態(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)方法來解決上述的第三個(gè)問題(需要考慮到下拉、上拉和左滑事件的沖突)
// 操作ListView左滑時(shí)的手勢操作,這里用于處理上下左右滑動(dòng)沖突:開始滑動(dòng)時(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()方法來進(jìn)行設(shè)置。
這樣我們就完美的解決了以上三點(diǎn)注意事項(xiàng),從而實(shí)現(xiàn)ListView左滑刪除也是一件很easy的事情。
下面就看來上述注意事項(xiàng)d,這個(gè)需要在事件分發(fā)機(jī)制上下點(diǎn)功夫:因?yàn)楫?dāng)我們左滑出itemA的刪除按鈕,再次去滑動(dòng)itemB時(shí),不能讓它也出現(xiàn),得要先關(guān)閉掉itemA的刪除狀態(tài),這樣才是合理的操作,所以在方法中來處理攔截事件:
@ public boolean onInterceptTouchEvent(MotionEvent ev) { //在攔截處處理,在滑動(dòng)設(shè)置了點(diǎn)擊事件的地方也能swip,點(diǎn)擊時(shí)又不能影響原來的點(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) { //如果有打開了 就攔截. 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中來引用我們所定義的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字號 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í)的手勢操作,這里用于處理上下左右滑動(dòng)沖突:開始滑動(dòng)時(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)畫設(shè)置為rotate時(shí),下拉是是否旋轉(zhuǎn)。
總結(jié):其實(shí)實(shí)現(xiàn)ListView刷新并不困難,可能以前我們經(jīng)常會(huì)看到有這樣的組件存在:XListView,這個(gè)組件應(yīng)該在初學(xué)Android的時(shí)候,很多人都見過,這就是很多人自己定義編寫的ListView下拉刷新,要實(shí)現(xiàn)功能也是沒問題的,可是個(gè)人一直覺得效果體驗(yàn)程度太差。在項(xiàng)目中一直使用的是PullToRefresh下拉刷新。
好了,今天的分享就到這里了,寫的不足的地方和不懂的地方大家可以留言共同探討學(xué)習(xí)交流!
分享自己的IT資源庫QQ群:459756676 主要是幫助IT行業(yè)初學(xué)者分享視頻學(xué)習(xí)資料,只要你是it愛好者都可進(jìn)入共同學(xué)習(xí)!
以上所述是小編給大家介紹的Android使用PullToRefresh完成ListView下拉刷新和左滑刪除功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
Android中的廣播、服務(wù)、數(shù)據(jù)庫、通知、包等術(shù)語的原理和介紹(圖解)
這篇文章主要介紹了Android中的廣播、服務(wù)、數(shù)據(jù)庫、通知、包等術(shù)語的原理和介紹(圖解),本文用圖文方式總結(jié)了Android中的一些開發(fā)術(shù)語,需要的朋友可以參考下2014-10-10Android實(shí)現(xiàn)左上角(其他邊角)傾斜的標(biāo)簽(環(huán)繞效果)效果
這篇文章主要介紹了Android實(shí)現(xiàn)左上角(其他邊角)傾斜的標(biāo)簽(環(huán)繞效果)效果,本文通過圖文實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-10-10Android藍(lán)牙通信聊天實(shí)現(xiàn)發(fā)送和接受功能
這篇文章主要為大家詳細(xì)介紹了Android藍(lán)牙通信聊天實(shí)現(xiàn)發(fā)送和接受功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-07-07基于android示例程序(bitmapfun) 高效加載圖片讓人無語地方
嘗試了使用git上的一個(gè)開源項(xiàng)目afinal(bitmapfun的封裝版)來加載圖片,但是在測試的時(shí)候發(fā)現(xiàn)了一個(gè)問題,新的圖片加載器(bitmapfun)比之前用的ImageDownloader要慢很多,特別是在網(wǎng)絡(luò)狀況不好的時(shí)候,那簡直是太讓人無語了2013-04-04Android實(shí)現(xiàn)加載時(shí)提示“正在加載,請稍后”的方法
在現(xiàn)在的很多應(yīng)用中,當(dāng)在加載的時(shí)候,如果頁面動(dòng)態(tài)數(shù)據(jù)較多,會(huì)有很長一段時(shí)間的空白頁面,如果加上這個(gè)頁面正在加載的提示,使得應(yīng)用更加人性化。這篇文章就給大家分享了在 Android實(shí)現(xiàn)加載時(shí)提示“正在加載,請稍后”的方法,有需要的朋友們可以參考借鑒。2016-10-10Android實(shí)用小技巧之利用Lifecycle寫出更好維護(hù)的代碼
lifecycle是一個(gè)類,用于存儲(chǔ)有關(guān)組件(如Activity或Fragment)的生命周期狀態(tài)的信息,并允許其他對象觀察此狀態(tài),下面這篇文章主要給大家介紹了關(guān)于Android實(shí)用小技巧之利用Lifecycle寫出更好維護(hù)的代碼的相關(guān)資料,需要的朋友可以參考下2022-05-05Android用MVP實(shí)現(xiàn)一個(gè)簡單的類淘寶訂單頁面的示例
本篇文章主要介紹了Android用MVP實(shí)現(xiàn)一個(gè)簡單的類淘寶訂單頁面的示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11