編輯:關於Android編程
吹在前面的話:ListView下刷新刷功能相信從事Android開發的猿友們並不陌生,包括現在Google親兒子SwipeRefreshLayout實現效果在一些APP上也能看見(不過個人不喜歡官方的刷新效果)。本文就帶領一些剛入門android的朋友或者一起愛分享的朋友來簡單的實現ListView的下拉刷新和左滑刪除效果。
1.ListView下拉刷新、上拉加載更多:
2.ListView下拉刷新、上拉加載更多、左滑刪除:<喎?/kf/ware/vc/" target="_blank" class="keylink">vcD4NCjxwPjxpbWcgYWx0PQ=="這裡寫圖片描述" src="/uploadfile/Collfiles/20161103/201611030937381383.gif" title="\" />
/** * Created by caobo on 2016/11/1 0001. * ListView下拉刷新、上拉加載更多 */ public class ListViewActivity extends Activity implements PullToRefreshBase.OnRefreshListener{ private PullToRefreshListView refreshlistview; private ListView mListView; //添加數據List集合 //TODO:這裡使用了LinkedList方便Demo中添加數據使用,實際項目中使用ArrayList即可。 private LinkedList pullData; private ListAdapter adapter; //標記下拉index private int pullDownIndex = 0; //標記上拉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 refreshView) { onPullDown(); } @Override public void onPullUpToRefresh(PullToRefreshBase refreshView) { onPullUp(); } /** * 預加載初始化數據List * @return */ public List getData() { for (int i = 1; i <= 20; i++) { pullData.add("默認ListView數據" + i); } return pullData; } /** * 下拉刷新添加數據到List集合 */ public void onPullDown() { pullData.addFirst("下拉刷新數據" + pullDownIndex); pullDownIndex++; refreshlistview.onRefreshComplete(); adapter.notifyDataSetChanged(); } /** * 上拉加載添加數據到List集合 */ public void onPullUp() { pullData.addLast("上拉加載數據" + pullUpIndex); pullUpIndex++; refreshlistview.onRefreshComplete(); adapter.notifyDataSetChanged(); } public void onBackClick(View view){ finish(); } }
是不是以上操作還是很簡單的就完成了ListView下拉刷新,上拉加載更多。
XML布局文件也很簡單,只需要引用PullToRefreshListView的地址即可:
這樣我們就完成了一個ListView列表的下拉刷新和上拉加載更多,個人認為PullToRefresh這個庫還是很強大的。
實現ListView下拉刷新、左滑刪除:
注意:
a.這裡重寫ListView生成SwipeMenuListView,所以他仍然是ListView列表控件;
b.既然需要左滑,必須要在onTouchEvent()方法裡面來判斷手勢滑動的操作;
c.需要考慮到下拉、上拉和左滑事件的沖突;
d.需要考慮左滑刪除事件每次只能有一個item處於刪除狀態;
@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(); //如果滑動了一下沒完全展現,就收回去,這時候mTouchView已經賦值,再滑動另外一個不可以swip的view //會導致mTouchView swip 。 所以要用位置判斷是否滑動的是一個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);用來記錄當前手勢狀態為MotionEvent.ACTION_MOVE開始向左滑動時的標記,mOnSwipeListener.onSwipeEnd(mTouchPosition);用來記錄當前手勢狀態為MotionEvent.ACTION_UP結束向左滑動時的標記,主要用於在Activity界面回調時獲取當前操作狀態,既然如此,我們就可以根據onSwipeStart()和onSwipeEnd()這兩個回調方法來解決上述的第三個問題(需要考慮到下拉、上拉和左滑事件的沖突)
// 操作ListView左滑時的手勢操作,這裡用於處理上下左右滑動沖突:開始滑動時則禁止下拉刷新和上拉加載手勢操作,結束滑動後恢復上下拉操作 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當中自定義的是否支持下拉刷新操作事件,我們可以根據onSwipeStart()和onSwipeEnd()方法來進行設置。
這樣我們就完美的解決了以上三點注意事項,從而實現ListView左滑刪除也是一件很easy的事情。
下面就看來上述注意事項d,這個需要在事件分發機制上下點功夫:因為當我們左滑出itemA的刪除按鈕,再次去滑動itemB時,不能讓它也出現,得要先關閉掉itemA的刪除狀態,這樣才是合理的操作,所以在方法中來處理攔截事件:
@Override public boolean onInterceptTouchEvent(MotionEvent ev) { //在攔截處處理,在滑動設置了點擊事件的地方也能swip,點擊時又不能影響原來的點擊事件 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()); //只在空的時候賦值 以免每次觸摸都賦值,會有多個open狀態 if (view instanceof SwipeMenuLayout) { //如果有打開了 就攔截. if (mTouchView != null && mTouchView.isOpen() && !inRangeOfView(mTouchView.getMenuView(), ev)) { return true; } mTouchView = (SwipeMenuLayout) view; mTouchView.setSwipeDirection(mDirection); } //如果摸在另外個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都把觸摸狀態設置成了TOUCH_STATE_NONE 只有返回true才會走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,從而實現ListView下拉刷新,上拉加載,左滑刪除效果。
// 創建左滑彈出的item SwipeMenuCreator creator = new SwipeMenuCreator() { @Override public void create(SwipeMenu menu) { // 創建Item SwipeMenuItem openItem = new SwipeMenuItem(getApplicationContext()); // 設置item的背景顏色 openItem.setBackground(new ColorDrawable(Color.RED)); // 設置item的寬度 openItem.setWidth(Utils.dip2px(SwipeListViewActivity.this,90)); // 設置item標題 openItem.setTitle("刪除"); // 設置item字號 openItem.setTitleSize(18); // 設置item字體顏色 openItem.setTitleColor(Color.WHITE); // 添加到ListView的Item布局當中 menu.addMenuItem(openItem); } }; // set creator swipeMenuListView.setMenuCreator(creator); // 操作刪除按鈕的點擊事件 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左滑時的手勢操作,這裡用於處理上下左右滑動沖突:開始滑動時則禁止下拉刷新和上拉加載手勢操作,結束滑動後恢復上下拉操作 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 設置整個mPullRefreshListView的背景色
ptrHeaderBackground 設置下拉Header或者上拉Footer的背景色
ptrHeaderTextColor 用於設置Header與Footer中文本的顏色
ptrHeaderSubTextColor 用於設置Header與Footer中上次刷新時間的顏色
ptrShowIndicator如果為true會在mPullRefreshListView中出現icon,右上角和右下角,挺有意思的。
ptrHeaderTextAppearance , ptrSubHeaderTextAppearance分別設置拉Header或者上拉Footer中字體的類型顏色等等
ptrRotateDrawableWhilePulling當動畫設置為rotate時,下拉是是否旋轉。
總結:其實實現ListView刷新並不困難,可能以前我們經常會看到有這樣的組件存在:XListView,這個組件應該在初學Android的時候,很多人都見過,這就是很多人自己定義編寫的ListView下拉刷新,要實現功能也是沒問題的,可是個人一直覺得效果體驗程度太差。在項目中一直使用的是PullToRefresh下拉刷新。
好了,今天的分享就到這裡了,寫的不足的地方和不懂的地方大家可以留言共同探討學習交流!
分享自己的IT資源庫QQ群:459756676 主要是幫助IT行業初學者分享視頻學習資料,只要你是it愛好者都可進入共同學習!
本文實例講述了Android使用Eclipse 打開時“發現了以元素d:skin”開頭的無效內容。此處不應含有子元素的解決方法。分享給大家供大家參考,具體如下:今天打開
概要 若讀者之前沒接觸過service,對下面內容有個大致了解即可。待使用過service之後再來閱讀本章內容,會理解更深刻。
傳統的 登陸界面總有那些 點擊發送驗證碼然後等待接受的一個計時操作,今天就上一個類似的實現(不用傳統方法咯)先看下效果:貌不驚人,我們先來看看傳統的Handl
最近公司的軟件需要改國際版,需要Facebook和Twitter的登錄和分享。本人先用Umeng的第三方社會化分享實現了該功能,但是後來一想問題來了,經過查證。Umeng