編輯:關於android開發
SwipeRefreshLayout–Google官方提出的下拉刷新控件,廣泛應用在各種APP中。一直想弄一個既能支持下拉刷新,又能夠上拉加載,同時還能實現類似於QQ的滑動刪除效果。上網找了很多資料,最後達到了下面的效果:
接下來看看具體實現過程。
1.界面布局:<喎?http://www.Bkjia.com/kf/ware/vc/" target="_blank" class="keylink">vc3Ryb25nPjwvcD4NCjxwcmUgY2xhc3M9"brush:java;">
<code class=" hljs avrasm"> <com.example.swiperefreshlayoutdemo.refreshlayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/swipe_container" android:layout_width="match_parent" android:layout_height="match_parent">
<com.example.swiperefreshlayoutdemo.qqlistview android:id="@+id/list" android:layout_width="match_parent" android:layout_height="wrap_content">
</com.example.swiperefreshlayoutdemo.qqlistview>
</com.example.swiperefreshlayoutdemo.refreshlayout></code>
因為要實現上拉加載以及滑動刪除,所以用的都是自定義的RefreshLayout以及Listview。 SwipeRefreshLayout的上拉加載實現有兩種方法,一種是實現滑動監聽,當滑動到底部時實現加載更多功能;一種是通過事件傳遞機制監聽上拉動作,然後實現加載更多功能。先看第一種加載原理: 自定義的SwipeRefreshLayout: 注釋寫的很清楚,實現滑動監聽,然後初始化listview,寫好加載任務接口與方法。在滑動監聽方法裡面,有幾個參數注意一下: 接下來是第二種加載原理: 初始化數據都一樣,不同的是記錄了兩個Y坐標,一個按下,一個抬起,用來判斷滑動到底部時的上拉動作。getScaledTouchSlop是一個距離,表示滑動的時候,手的移動要大於這個距離才開始移動控件。如果小於這個距離就不觸發移動控件,如viewpager就是用這個距離來判斷用戶是否翻頁。 接下裡就是MainActivity的相關代碼: 實現自帶的下拉刷新接口方法以及我們自己定義的上拉加載方法,然後在各自的方法裡進行業務操作,我這裡模擬的是簡單數字刷新。到這裡,SwipeRefreshLayout的下拉刷新與上拉加載已經完成。最後就是SwipeRefreshLayout的滑動刪除。 這裡的滑動刪除參考的是鴻洋的這篇博客,代碼注釋,講解都很詳細: 滑動刪除item原理就是通過回調拿到item的position,然後執行刪除操作,更新適配器即可。難點就是解決上拉加載與下拉刷新操作與listview側滑刪除操作沖突的問題 通過dispatchTouchEvent事件傳遞機制,設置當前是否響應用戶滑動,然後在onTouchEvent中判斷是否響應,如果響應則popupWindow以動畫的形式展示出來。當然屏幕上如果存在PopupWindow,則屏幕ListView的滾動與Item的點擊,以及從右到左滑動時屏幕Item的click事件都將被屏蔽。
2.代碼實現:
//繼承自SwipeRefreshLayout,從而實現滑動到底部時上拉加載更多的功能.
public class RefreshLayout extends SwipeRefreshLayout implements OnScrollListener {
// listview實例
private ListView mListView;
// 上拉接口監聽器, 到了最底部的上拉加載操作
private OnLoadListener mOnLoadListener;
// ListView的加載中footer
private View mListViewFooter;
// 是否在加載中 ( 上拉加載更多 )
private boolean isLoading = false;
public RefreshLayout(Context context) {
this(context, null);
}
public RefreshLayout(Context context, AttributeSet attrs) {
super(context, attrs);
//一個圓形進度條
mListViewFooter = LayoutInflater.from(context).inflate(
R.layout.listview_footer, null, false);
}
@Override
protected void onLayout(boolean changed, int left, int top, int right,
int bottom) {
super.onLayout(changed, left, top, right, bottom);
// 初始化ListView對象
if (mListView == null) {
getListView();
}
}
// 獲取ListView對象
private void getListView() {
int childs = getChildCount();
if (childs > 0) {
View childView = getChildAt(0);
if (childView instanceof ListView) {
mListView = (ListView) childView;
// 設置滾動監聽器給ListView
mListView.setOnScrollListener(this);
}
}
}
// 設置加載狀態,添加或者移除加載更多圓形進度條
public void setLoading(boolean loading) {
isLoading = loading;
if (isLoading) {
mListView.addFooterView(mListViewFooter);
} else {
mListView.removeFooterView(mListViewFooter);
}
}
//設置監聽器
public void setOnLoadListener(OnLoadListener loadListener) {
mOnLoadListener = loadListener;
}
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
}
@Override
public void onScroll(AbsListView view, int firstVisibleItem,
int visibleItemCount, int totalItemCount) {
// 判斷是否到了最底部,並且不是在加載數據的狀態
if (mListView.getLastVisiblePosition() == mListView.getAdapter()
.getCount() - 1 && isLoading == false) {
// 首先設置加載狀態
setLoading(true);
// 調用加載數據的方法
mOnLoadListener.onLoad();
}
}
// 加載更多的接口
public interface OnLoadListener {
public void onLoad();
}
}
firstVisibleItem 表示在當前屏幕顯示的第一個listItem在整個listView裡面的位置(下標從0開始)
visibleItemCount表示在現時屏幕可以見到的ListItem(部分顯示的ListItem也算)總數
totalItemCount表示ListView的ListItem總數
listView.getLastVisiblePosition()表示在現時屏幕最後一個ListItem (最後ListItem要完全顯示出來才算)在整個ListView的位置(下標從0開始)
剛開始只判斷是否滑動到了最底部,沒有對加載狀態進行判斷,導致程序運行崩潰,在最底部加載數據時會一直加載。後來加上判斷,默認不加載數據,isLoading==false,滑動到最底部加載數據時,設置為true,當加載完成以後,設置為false,加載完畢。
public class RefreshLayout extends SwipeRefreshLayout {
// listview實例
private ListView mListView;
// 上拉接口監聽器, 到了最底部的上拉加載操作
private OnLoadListener mOnLoadListener;
// ListView的加載中footer
private View mListViewFooter;
// 是否在加載中 ( 上拉加載更多 )
private boolean isLoading = false;
// 按下時的y坐標
private int mYDown;
// 抬起時的y坐標
private int mLastY;
// 滑動到最下面時的上拉操作
private int mTouchSlop;
public RefreshLayout(Context context) {
this(context, null);
}
public RefreshLayout(Context context, AttributeSet attrs) {
super(context, attrs);
mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
mListViewFooter = LayoutInflater.from(context).inflate(
R.layout.listview_footer, null, false);
}
@Override
protected void onLayout(boolean changed, int left, int top, int right,
int bottom) {
super.onLayout(changed, left, top, right, bottom);
// 初始化ListView對象
if (mListView == null) {
getListView();
}
}
// 獲取ListView對象
private void getListView() {
int childs = getChildCount();
if (childs > 0) {
View childView = getChildAt(0);
if (childView instanceof ListView) {
mListView = (ListView) childView;
}
}
}
public boolean dispatchTouchEvent(MotionEvent event) {
final int action = event.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
// 按下
mYDown = (int) event.getRawY();
break;
case MotionEvent.ACTION_MOVE:
// 移動
mLastY = (int) event.getRawY();
break;
case MotionEvent.ACTION_UP:
// 抬起
if ((mYDown - mLastY) >= mTouchSlop && isLoading == false) {
// 設置狀態
setLoading(true);
//
mOnLoadListener.onLoad();
}
break;
default:
break;
}
return super.dispatchTouchEvent(event);
}
// 設置加載狀態
public void setLoading(boolean loading) {
isLoading = loading;
if (isLoading) {
mListView.addFooterView(mListViewFooter);
} else {
mListView.removeFooterView(mListViewFooter);
}
}
// 設置監聽器
public void setOnLoadListener(OnLoadListener loadListener) {
mOnLoadListener = loadListener;
}
// 加載更多的接口
public interface OnLoadListener {
public void onLoad();
}
}
然後就是通過事件傳遞機制,拿到view的三個動作:
MotionEvent.ACTION_DOWN 按下View,是所有事件的開始
MotionEvent.ACTION_MOVE 滑動事件
MotionEvent.ACTION_UP 與down對應,表示抬起
當滑動的距離大於或者等於要求距離並且加載狀態為false時,開始設置狀態,加載數據,原理和上面一樣。
public class MainActivity extends Activity implements OnRefreshListener,
OnLoadListener {
private RefreshLayout swipeLayout;
private QQListView listView;
private MyAdapter adapter;
private List
@Override
public boolean dispatchTouchEvent(MotionEvent ev) {
//獲得動作類型
int action = ev.getAction();
int x = (int) ev.getX();
int y = (int) ev.getY();
switch (action) {
case MotionEvent.ACTION_DOWN:
xDown = x;
yDown = y;
/**
* 如果當前popupWindow顯示,則直接隱藏,然後屏蔽ListView的touch事件的下傳
*/
if (mPopupWindow.isShowing()) {
dismissPopWindow();
return false;
}
// 獲得當前手指按下時的item的位置
mCurrentViewPos = pointToPosition(xDown, yDown);
View view = getChildAt(mCurrentViewPos - getFirstVisiblePosition());
mCurrentView = view;
break;
case MotionEvent.ACTION_MOVE:
xMove = x;
yMove = y;
int dx = xMove - xDown;
int dy = yMove - yDown;
/**
* 判斷是否是從右到左的滑動
*/
if (xMove < xDown && Math.abs(dx) > touchSlop
&& Math.abs(dy) < touchSlop) {
// Log.e(TAG, "touchslop = " + touchSlop + " , dx = " + dx +
// " , dy = " + dy);
isSliding = true;
}
break;
}
return super.dispatchTouchEvent(ev);
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
int action = ev.getAction();
/**
* 如果是從右到左的滑動才相應
*/
if (isSliding) {
switch (action) {
case MotionEvent.ACTION_MOVE:
int[] location = new int[2];
// 獲得當前item的位置x與y
mCurrentView.getLocationOnScreen(location);
// 設置popupWindow的動畫
mPopupWindow
.setAnimationStyle(R.style.popwindow_delete_btn_anim_style);
mPopupWindow.update();
mPopupWindow.showAtLocation(mCurrentView, Gravity.LEFT
| Gravity.TOP, location[0] + mCurrentView.getWidth(),
location[1] + mCurrentView.getHeight() / 2
- mPopupWindowHeight / 2);
// 設置刪除按鈕的回調
mDelBtn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if (mListener != null) {
mListener.clickHappend(mCurrentViewPos);
mPopupWindow.dismiss();
}
}
});
// Log.e(TAG, "mPopupWindow.getHeight()=" + mPopupWindowHeight);
break;
case MotionEvent.ACTION_UP:
isSliding = false;
}
// 相應滑動期間屏幕itemClick事件,避免發生沖突
return true;
}
return super.onTouchEvent(ev);
}
Android事件分發機制淺談(一),android淺談---恢復內容開始--- 一、是什麼 我們首先要了解
Android 手把手帶你玩轉自定義相機 概述 相機幾乎是每個APP都要用到的功能,萬一老板讓你定制相機方不方?反正我是有點方。關於相機的兩天奮斗總結免費送給你。 啟
android加固—2.加固前先要學會破解,調試內存值修改程序走向,【版權所有,轉載請注明出處。】 因公司項目需要對app加固,經過本人數月的研究,實現了一套完整的仿第三
Android EditText只有下面有一條橫線問題 android 4.0以後EditText的風格默認變成了只有下面有一條橫線。如圖: &nbs