在Android開發(fā)過程中經(jīng)常需要實現(xiàn)上下拉刷新功能，Google推出的下拉刷新控件SwipeRefreshLayout（彩虹條）踱承，由于官方版本只有下拉刷新而沒有上拉加載更多的功能倡缠，很多人也嘗試在這個基礎(chǔ)上進(jìn)行改寫。今天嘗試一下使用SwipeRefreshLayout配合自定義ListView實現(xiàn)下拉刷新勾扭、滑到底部自動加載更多的功能毡琉。
效果圖如下所示，在進(jìn)入頁面的時候加載自動刷新妙色，滑到底部自動加載更多桅滋，當(dāng)數(shù)據(jù)已經(jīng)加載完成則顯示已經(jīng)加載完成，身辨，否則上拉任可繼續(xù)加載
先貼一下項目結(jié)構(gòu)圖吧丐谋，這樣可能對于整個項目的了解會比較清晰一些
1.在效果圖中我們可以看到在頭部刷新時候的進(jìn)度條ProgressBar的顏色本身是可以改變的，所以在color.xml中定義頭部刷新時候的四種顏色煌珊，用于通過此顏色資源文件設(shè)置進(jìn)度條動畫的顏色
<?xml version="1.0" encoding="utf-8"?>
<resources>
<!-- 灰色 -->
<color name="grey">#FF999999</color>
<!--頭部刷新時候的四種顏色-->
<color name="refresh_color_1">#ff00ddff</color>
<color name="refresh_color_2">#ff99cc00</color>
<color name="refresh_color_3">#ffffbb33</color>
<color name="refresh_color_4">#ffff4444</color>
</resources>
2.重寫SwipeRefreshLayout下拉刷新控件
package com.xiaolijuan.swiperefreshlayoutdome.widget;
import android.content.Context;
import android.content.res.Resources;
import android.support.v4.widget.SwipeRefreshLayout;
import android.util.AttributeSet;
import android.view.MotionEvent;
import com.xiaolijuan.swiperefreshlayoutdome.R;
/**
* 項目名稱：SwipeRefreshLayoutDome
* 類描述：配合LoadMoreListView 完成下拉刷新号俐、滑到底部自動加載更多
* 創(chuàng)建人：xiaolijuan
* 創(chuàng)建時間：2015/12/12 9:00
*/
public class RefreshAndLoadMoreView extends SwipeRefreshLayout {
private LoadMoreListView mLoadMoreListView;
/**
* 構(gòu)造方法，用于在布局文件中用到這個自定義SwipeRefreshLayout控件
* @param context
* @param attrs
*/
public RefreshAndLoadMoreView(Context context, AttributeSet attrs) {
super(context, attrs);
Resources res = getResources();
//通過顏色資源文件設(shè)置進(jìn)度動畫的顏色資源
setColorSchemeColors(res.getColor(R.color.refresh_color_1),
res.getColor(R.color.refresh_color_2),
res.getColor(R.color.refresh_color_3),
res.getColor(R.color.refresh_color_4));
}
public void setLoadMoreListView(LoadMoreListView mLoadMoreListView) {
this.mLoadMoreListView = mLoadMoreListView;
}
/**
* 觸屏事件,如果ListView不為空且數(shù)據(jù)還在加載中定庵，則繼續(xù)加載直至完成加載才觸摸此事件
* @param ev
* @return
*/
@Override
public boolean onTouchEvent(MotionEvent ev) {
if (mLoadMoreListView != null && mLoadMoreListView.isLoading()) {
return false;
}
return super.onTouchEvent(ev);
}
}
3.在update_loading_progressbar.xml定義進(jìn)度條旋轉(zhuǎn)的動畫效果吏饿，用于設(shè)置繪制不顯示進(jìn)度的進(jìn)度條的Drawable對象
<?xml version="1.0" encoding="utf-8"?>
<!--畫面轉(zhuǎn)移旋轉(zhuǎn)動畫效果：以組件的中點為中心順時針從0度旋轉(zhuǎn)到720度-->
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@mipmap/default_ptr_rotate_gray"
android:duration="700"
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:toDegrees="720" />
4.pull_to_load_footer.xml這是在ListView中載入的頭部布局
<?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="wrap_content"
android:layout_gravity="center"
android:orientation="vertical">
<View style="@style/horizontalDivider" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="48dp"
android:gravity="center">
<ProgressBar
android:id="@+id/footer_progressbar"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_marginRight="8dp"
android:gravity="center"
android:indeterminateDrawable="@anim/update_loading_progressbar"
android:visibility="visible" />
<TextView
android:id="@+id/footer_hint_textview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="正在加載中"
android:textColor="#999999"
android:textSize="14dp" />
</LinearLayout>
</LinearLayout>
5.重寫ListView，用于配合RefreshAndLoadMoreView 完成下拉刷新蔬浙、滑到底部自動加載更多
package com.xiaolijuan.swiperefreshlayoutdome.widget;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.AbsListView;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;
import com.xiaolijuan.swiperefreshlayoutdome.R;
/**
* 項目名稱：SwipeRefreshLayoutDome
* 類描述：配合RefreshAndLoadMoreView 完成下拉刷新猪落、滑到底部自動加載更多
* 創(chuàng)建人：xiaolijuan
* 創(chuàng)建時間：2015/12/12 9:02
*/
public class LoadMoreListView extends ListView implements AbsListView.OnScrollListener {
private View rooterView;
private boolean isHaveMoreData = true;// 是否有更多數(shù)據(jù)(默認(rèn)為有)
private ProgressBar progressBar;
private TextView tipContext;
private RefreshAndLoadMoreView mRefreshAndLoadMoreView;
private boolean isLoading = false;// 是否正在加載
private OnLoadMoreListener mOnLoadMoreListener;
public LoadMoreListView(Context context, AttributeSet attrs) {
super(context, attrs);
//動態(tài)載入底部布局
rooterView = LayoutInflater.from(context).inflate(
R.layout.pull_to_load_footer, null);
progressBar = (ProgressBar) rooterView.findViewById(R.id.footer_progressbar);
tipContext = (TextView) rooterView.findViewById(R.id.footer_hint_textview);
//向listView的底部添加布局(此時當(dāng)給listView設(shè)置Item點擊事件的時候，默認(rèn)不觸發(fā)這個添加的布局的點擊事件)
addFooterView(rooterView, null, false);
setOnScrollListener(this);
}
public void setRefreshAndLoadMoreView(RefreshAndLoadMoreView mRefreshAndLoadMoreView) {
this.mRefreshAndLoadMoreView = mRefreshAndLoadMoreView;
}
/**
* 設(shè)置是否還有更多數(shù)據(jù)
*
* @param isHaveMoreData
*/
public void setHaveMoreData(boolean isHaveMoreData) {
this.isHaveMoreData = isHaveMoreData;
if (!isHaveMoreData) {
tipContext.setText("只有這么多啦");
progressBar.setVisibility(View.GONE);
} else {
tipContext.setText("正在加載");
progressBar.setVisibility(View.VISIBLE);
}
}
/**
* 加載完成
*/
public void onLoadComplete() {
isLoading = false;
}
public boolean isLoading() {
return isLoading;
}
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
if (scrollState == OnScrollListener.SCROLL_STATE_IDLE) {
if (view.getLastVisiblePosition() == view.getCount() - 1 && (mRefreshAndLoadMoreView != null &&
!mRefreshAndLoadMoreView.isRefreshing()) && !isLoading && mOnLoadMoreListener != null && isHaveMoreData) {
isLoading = true;
mOnLoadMoreListener.onLoadMore();
}
}
}
@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
}
/**
* 加載更多的監(jiān)聽
*/
public static interface OnLoadMoreListener {
public void onLoadMore();
}
/**
* 設(shè)置加載監(jiān)聽
*
* @param mOnLoadMoreListener
*/
public void setOnLoadMoreListener(OnLoadMoreListener mOnLoadMoreListener) {
this.mOnLoadMoreListener = mOnLoadMoreListener;
}
}
6.MyAdapter
package com.xiaolijuan.swiperefreshlayoutdome.adapter;
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
import com.xiaolijuan.swiperefreshlayoutdome.R;
import java.util.List;
/**
* 項目名稱：SwipeRefreshLayoutDome
* 類描述：適配器
* 創(chuàng)建人：xiaolijuan
* 創(chuàng)建時間：2015/12/12 22:09
*/
public class MyAdapter extends BaseAdapter {
private Context context;
private List<String> mTitleArray;// 標(biāo)題數(shù)組
private int layoutId;
/**
* 構(gòu)造方法
* @param context 上下文對象
* @param mTitleArray 標(biāo)題數(shù)組
* @param layoutId 布局Id
*/
public MyAdapter(Context context, List<String> mTitleArray, int layoutId) {
this.context = context;
this.mTitleArray = mTitleArray;
this.layoutId = layoutId;
}
/**
* 獲取Item總數(shù)
* @return
*/
@Override
public int getCount() {
return mTitleArray.size();
}
/**
* 獲取一個Item對象
* @param position
* @return
*/
@Override
public Object getItem(int position) {
return mTitleArray.get(position);
}
/**
* 獲取指定item的Id
* @param position
* @return
*/
@Override
public long getItemId(int position) {
return position;
}
/**
* 繪制的內(nèi)容均在此實現(xiàn)
* @param position position就是位置從0開始
* @param convertView convertView是Spinner中每一項要顯示的view
* @param parent parent就是父窗體了畴博，也就是ListView
* @return
*/
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View item = convertView != null ? convertView : View.inflate(context, layoutId, null);
TextView txt_name = (TextView) item.findViewById(R.id.txt_title);
txt_name.setText(mTitleArray.get(position));
return item;
}
}
7.具體代碼笨忌，代碼寫的很詳細(xì)
package com.xiaolijuan.swiperefreshlayoutdome.activits;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.widget.SwipeRefreshLayout;
import android.view.View;
import android.widget.AdapterView;
import android.widget.Toast;
import com.xiaolijuan.swiperefreshlayoutdome.R;
import com.xiaolijuan.swiperefreshlayoutdome.adapter.MyAdapter;
import com.xiaolijuan.swiperefreshlayoutdome.widget.LoadMoreListView;
import com.xiaolijuan.swiperefreshlayoutdome.widget.RefreshAndLoadMoreView;
import java.util.ArrayList;
import java.util.List;
/**
* 項目名稱：SwipeRefreshLayoutDome
* 類描述：主界面
* 創(chuàng)建人：xiaolijuan
* 創(chuàng)建時間：2015/12/12 20:00
*/
public class MainActivity extends Activity {
private Context mContext;
private int pageIndex = 0;
private MyAdapter adapter;
private LoadMoreListView mLoadMoreListView;
private RefreshAndLoadMoreView mRefreshAndLoadMoreView;
private List<String> datas = new ArrayList<String>();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mContext = this;
mLoadMoreListView = (LoadMoreListView) findViewById(R.id.load_more_list);
mRefreshAndLoadMoreView = (RefreshAndLoadMoreView) findViewById(R.id.refresh_and_load_more);
adapter = new MyAdapter(mContext, datas, R.layout.item_layout);
mLoadMoreListView.setAdapter(adapter);
initData();
}
private void initData() {
//程序開始就加載第一頁數(shù)據(jù)
loadData(1);
mRefreshAndLoadMoreView.setLoadMoreListView(mLoadMoreListView);
mLoadMoreListView.setRefreshAndLoadMoreView(mRefreshAndLoadMoreView);
//設(shè)置下拉刷新監(jiān)聽
mRefreshAndLoadMoreView.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
@Override
public void onRefresh() {
loadData(1);
}
});
//設(shè)置加載監(jiān)聽
mLoadMoreListView.setOnLoadMoreListener(new LoadMoreListView.OnLoadMoreListener() {
@Override
public void onLoadMore() {
loadData(pageIndex + 1);
}
});
mLoadMoreListView.setOnItemClickListener(new ItemClickListener());
}
/**
* 加載數(shù)據(jù)
*/
private void loadData(final int tempPageIndex) {
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
if (tempPageIndex == 1) {
datas.clear();
}
getDatas(tempPageIndex);
//在這里我設(shè)置當(dāng)加載到第三頁時設(shè)置已經(jīng)加載完成
if (tempPageIndex == 3) {
mLoadMoreListView.setHaveMoreData(false);
} else {
mLoadMoreListView.setHaveMoreData(true);
}
pageIndex = tempPageIndex;
adapter.notifyDataSetChanged();
//當(dāng)加載完成之后設(shè)置此時不在刷新狀態(tài)
mRefreshAndLoadMoreView.setRefreshing(false);
mLoadMoreListView.onLoadComplete();
}
}, 1000);
}
/**
* 模擬一些數(shù)據(jù)源
*
* @return
*/
private List<String> getDatas(final int tempPageIndex) {
switch (tempPageIndex) {
case 1:
for (int i = 0; i < 10; i++) {
datas.add("這是第" + (i + 1) + "個Item");
}
break;
case 2:
for (int i = 0; i < 10; i++) {
datas.add("這是第" + (i + 11) + "個Item");
}
break;
case 3:
for (int i = 0; i < 10; i++) {
datas.add("這是第" + (i + 21) + "個Item");
}
break;
default:
break;
}
return datas;
}
/**
* 為ListView每個Item添加點擊事件
*/
public class ItemClickListener implements AdapterView.OnItemClickListener {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
Toast.makeText(getApplicationContext(), datas.get(position), Toast.LENGTH_LONG).show();
}
}
}
8.結(jié)束啦，由于代碼里邊都有注釋噠俱病，我就不做解釋咯官疲，有不足的還望指導(dǎo)
Dome下載：探索SwipeRefreshLayout配合自定義ListView完成下拉刷新、滑到底部自動加載更多
