原來的Android SDK中并沒有下拉刷新組件，但是這個(gè)組件確實(shí)絕大多數(shù)APP必備的一個(gè)部件。好在google在v4包中出了一個(gè)SwipeRefreshLayout，但是這個(gè)組件只支持下拉刷新，不支持上拉加載更多的操作。因此，我們就來簡(jiǎn)單的擴(kuò)展一下這個(gè)組件以實(shí)現(xiàn)上拉下載的目的。

基本原理

上拉加載或者說滾動(dòng)到底部時(shí)自動(dòng)加載，都是通過判斷是否滾動(dòng)到了ListView或者其他View的底部，然后觸發(fā)相應(yīng)的操作，這里我們以ListView來說明。因此我們需要在監(jiān)聽ListView的滾動(dòng)事件,當(dāng)ListView滾動(dòng)到底部時(shí)自動(dòng)觸發(fā)加載操作；但是當(dāng)用戶支持手指滑動(dòng)屏幕，沒有滾動(dòng)時(shí)，我們也需要讓它加載，因此這種情形就是上拉加載更多。所以我們需要在觸摸事件里面進(jìn)行判斷，如果到了底部，且用戶是上拉操作，那么執(zhí)行加載更多。

時(shí)間有限，直接上代碼吧。

實(shí)現(xiàn)代碼

/*** 繼承自SwipeRefreshLayout,從而實(shí)現(xiàn)滑動(dòng)到底部時(shí)上拉加載更多的功能.* * @author mrsimple*/ public class RefreshLayout extends SwipeRefreshLayout implements OnScrollListener { /** * 滑動(dòng)到最下面時(shí)的上拉操作 */ private int mTouchSlop; /** * listview實(shí)例 */ private ListView mListView; /** * 上拉監(jiān)聽器, 到了最底部的上拉加載操作 */ private OnLoadListener mOnLoadListener; /** * ListView的加載中footer */ private View mListViewFooter; /** * 按下時(shí)的y坐標(biāo) */ private int mYDown; /** * 抬起時(shí)的y坐標(biāo), 與mYDown一起用于滑動(dòng)到底部時(shí)判斷是上拉還是下拉 */ private int mLastY; /** * 是否在加載中 ( 上拉加載更多 ) */ private boolean isLoading = false; /** * @param context */ 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對(duì)象 if (mListView == null) { getListView(); } } /** * 獲取ListView對(duì)象 */ private void getListView() { int childs = getChildCount(); if (childs > 0) { View childView = getChildAt(0); if (childView instanceof ListView) { mListView = (ListView) childView; // 設(shè)置滾動(dòng)監(jiān)聽器給ListView, 使得滾動(dòng)的情況下也可以自動(dòng)加載 mListView.setOnScrollListener(this); Log.d(VIEW_LOG_TAG, "### 找到listview"); } } } /* * (non-Javadoc) * @see android.view.ViewGroup#dispatchTouchEvent(android.view.MotionEvent) */ @Override 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: // 移動(dòng) mLastY = (int) event.getRawY(); break; case MotionEvent.ACTION_UP: // 抬起 if (canLoad()) { loadData(); } break; default: break; } return super.dispatchTouchEvent(event); } /** * 是否可以加載更多, 條件是到了最底部, listview不在加載中, 且為上拉操作. * * @return */ private boolean canLoad() { return isBottom() && !isLoading && isPullUp(); } /** * 判斷是否到了最底部 */ private boolean isBottom() { if (mListView != null && mListView.getAdapter() != null) { return mListView.getLastVisiblePosition() == (mListView.getAdapter().getCount() - 1); } return false; } /** * 是否是上拉操作 * * @return */ private boolean isPullUp() { return (mYDown - mLastY) >= mTouchSlop; } /** * 如果到了最底部,而且是上拉操作.那么執(zhí)行onLoad方法 */ private void loadData() { if (mOnLoadListener != null) { // 設(shè)置狀態(tài) setLoading(true); // mOnLoadListener.onLoad(); } } /** * @param loading */ public void setLoading(boolean loading) { isLoading = loading; if (isLoading) { mListView.addFooterView(mListViewFooter); } else { mListView.removeFooterView(mListViewFooter); mYDown = 0; mLastY = 0; } } /** * @param loadListener */ 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) { // 滾動(dòng)時(shí)到了最底部也可以加載更多 if (canLoad()) { loadData(); } } /** * 加載更多的監(jiān)聽器 * * @author mrsimple */ public static interface OnLoadListener { public void onLoad(); } }

listview_footer.xml:

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="@color/umeng_comm_comments_bg" android:gravity="center" android:paddingBottom="8dip" android:paddingTop="5dip" > <ProgressBar android:id="@+id/pull_to_refresh_load_progress" style="@android:style/Widget.ProgressBar.Small.Inverse" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_centerHorizontal="true" android:paddingRight="100dp" android:indeterminate="true" /> <TextView android:id="@+id/pull_to_refresh_loadmore_text" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="center" android:gravity="center" android:paddingTop="5dip" android:text="@string/load" android:textAppearance="?android:attr/textAppearanceMedium" android:textColor="@android:color/darker_gray" android:textSize="14sp" android:textStyle="bold" /> </RelativeLayout>

使用示例

refresh.xml布局文件：

<?xml version="1.0" encoding="utf-8"?> <myview.RefreshLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/swipe_layout" android:layout_width="match_parent" android:layout_height="match_parent" > <ListView android:id="@+id/listview" android:layout_width="match_parent" android:layout_height="match_parent" > </ListView> </myview.RefreshLayout>

activity中的使用 :

/*** @author mrsimple*/ public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.refresh); // 模擬一些數(shù)據(jù) final List<String> datas = new ArrayList<String>(); for (int i = 0; i < 20; i++) { datas.add("item - " + i); } // 構(gòu)造適配器 final BaseAdapter adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, datas); // 獲取listview實(shí)例 ListView listView = (ListView) findViewById(R.id.listview); listView.setAdapter(adapter); // 獲取RefreshLayout實(shí)例 final RefreshLayout myRefreshListView = (RefreshLayout) findViewById(R.id.swipe_layout); // 設(shè)置下拉刷新時(shí)的顏色值,顏色值需要定義在xml中 myRefreshListView .setColorScheme(R.color.umeng_comm_text_topic_light_color, R.color.umeng_comm_yellow, R.color.umeng_comm_green, R.color.umeng_comm_linked_text); // 設(shè)置下拉刷新監(jiān)聽器 myRefreshListView.setOnRefreshListener(new OnRefreshListener() { @Override public void onRefresh() { Toast.makeText(MainActivity.this, "refresh", Toast.LENGTH_SHORT).show(); myRefreshListView.postDelayed(new Runnable() { @Override public void run() { // 更新數(shù)據(jù) datas.add(new Date().toGMTString()); adapter.notifyDataSetChanged(); // 更新完后調(diào)用該方法結(jié)束刷新 myRefreshListView.setRefreshing(false); } }, 1000); } }); // 加載監(jiān)聽器 myRefreshListView.setOnLoadListener(new OnLoadListener() { @Override public void onLoad() { Toast.makeText(MainActivity.this, "load", Toast.LENGTH_SHORT).show(); myRefreshListView.postDelayed(new Runnable() { @Override public void run() { datas.add(new Date().toGMTString()); adapter.notifyDataSetChanged(); // 加載完后調(diào)用該方法 myRefreshListView.setLoading(false); } }, 1500); } }); } }

效果圖

參考：http://www.codeceo.com/article/android-swiperefreshlayout.html http://blog.csdn.net/ueryueryuery/article/details/17440465 http://blog.csdn.net/ljx19900116/article/details/41648965 http://blog.csdn.net/ozackyg/article/details/40509213

轉(zhuǎn)載于:https://www.cnblogs.com/manmanlu/p/5736856.html

總結(jié)

以上是生活随笔為你收集整理的SwipeRefreshLayout实现上拉加载的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。