自定义listview,支持上拉下拉刷新,自带demo .
这个博客好想不能提供下载代码啊, 我只能把代码贴出来了...
其实你只需看用法, 不用关心具体实现,demo非常容易看懂
public class CustomListViewActivity extends Activity { private CustomListView listview; private ArrayList<String> data; private BaseAdapter adapter; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); init(); setListener(); } private void init(){ data = new ArrayList<String>(); //虚拟一些数据 data.add("a"); data.add("b"); data.add("c"); data.add("e"); data.add("f"); data.add("g"); data.add("h"); data.add("i"); data.add("j"); data.add("k"); data.add("L"); data.add("M"); data.add("L"); data.add("N"); data.add("O"); data.add("P"); data.add("Q"); listview = (CustomListView) findViewById(R.id.listview); adapter = new BaseAdapter(){ @Override public int getCount() { return data.size(); } @Override public Object getItem(int position) { return null; } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { TextView textView = new TextView(getApplicationContext()); textView.setHeight(100); textView.setTextSize(20); textView.setGravity(Gravity.CENTER); textView.setBackgroundColor(0x66666666); textView.setTextColor(0xaaffffff); textView.setText(data.get(position)); return textView; } }; listview.setAdapter(adapter); } private void setListener(){ listview.setOnRefreshListner(new OnRefreshListner() { @Override public void onRefresh() { new AsyncTask<Void, Void, ArrayList<String>>(){ @Override protected ArrayList<String> doInBackground(Void... params) { try { //模拟从服务器获取数据的过程 Thread.sleep(1500); } catch (InterruptedException e) { e.printStackTrace(); } ArrayList<String> virtualData = new ArrayList<String>(); virtualData.add("Head刷新后的新数据1"); virtualData.add("Head刷新后的新数据2"); virtualData.add("Head刷新后的新数据3"); virtualData.add("Head刷新后的新数据4"); virtualData.add("Head刷新后的新数据5"); virtualData.add("Head刷新后的新数据6"); return virtualData; } //更新UI的方法,系统自动实现 @Override protected void onPostExecute(ArrayList<String> result) { data.addAll(0,result);//注意是往前添加数据 adapter.notifyDataSetChanged(); listview.onRefreshComplete();//完成下拉刷新,这个方法要调用 super.onPostExecute(result); } }.execute(); } }); //创建FootView final View footer = View.inflate(CustomListViewActivity.this, R.layout.footer, null); listview.setOnAddFootListener(new OnAddFootListener() { @Override public void addFoot() { listview.addFooterView(footer); } }); listview.setOnFootLoadingListener(new OnFootLoadingListener() { @Override public void onFootLoading() { new AsyncTask<Void, Void, ArrayList<String>>(){ @Override protected ArrayList<String> doInBackground(Void... params) { try { //模拟从服务器获取数据的过程 Thread.sleep(2000); } catch (InterruptedException e) { e.printStackTrace(); } ArrayList<String> virtualData = new ArrayList<String>(); virtualData.add("Foot刷新后的新数据1"); virtualData.add("Foot刷新后的新数据2"); virtualData.add("Foot刷新后的新数据3"); virtualData.add("Foot刷新后的新数据4"); virtualData.add("Foot刷新后的新数据5"); virtualData.add("Foot刷新后的新数据6"); return virtualData; } //在doInBackground后面执行 @Override protected void onPostExecute(ArrayList<String> result) { data.addAll(result);//这个是往后添加数据 adapter.notifyDataSetChanged(); listview.onFootLoadingComplete();//完成上拉刷新,就是底部加载完毕,这个方法要调用 //移除footer,这个动作不能少 listview.removeFooterView(footer); super.onPostExecute(result); } }.execute(); } }); } }
下面上listview的代码,有点长...
/** * 支持下拉刷新和上拉刷新 * 可自定义上啦和下拉过程的操作,推荐使用AsyncTask * 需自定义Foot的View,然后只需在addFoot方法中添加即可 * @author lxj * */ public class CustomListView extends ListView implements OnScrollListener { private static final int DONE = 0; private static final int PULL_TO_REFRESH = 1; private static final int RELEASE_TO_REFRESH = 2; private static final int REFRESHING = 3; private static final float RATIO = 3;// 用来设置实际间距和上边距之间的比例 private int state;// 当前下拉刷新的状态 private int firstVisibleIndex;// 在listview中第一个可以看见的item private View headView; private ImageView headArrow; private ProgressBar progressBar; private TextView headTitle; private TextView headLastUpdate; private int headContentWidth; private int headContentHeight; private Animation animation; private Animation reverseAnimation; private OnRefreshListner refreshListner;// 刷新监听器 private boolean isRefreshable; private boolean isRecored = false;// 用来记录第一次按下坐标点,在整个滑动的过程中 只记录一次 private float startY; private boolean isBack = false;// 是从 松开刷新状态 来到的 下拉刷新状态 public CustomListView(Context context, AttributeSet attrs) { super(context, attrs); init(context); } private void init(Context context) { // listview 设置滑动时缓冲背景色 setCacheColorHint(0x00000000); headView = View.inflate(context, R.layout.head, null); headArrow = (ImageView) headView.findViewById(R.id.head_arrow); progressBar = (ProgressBar) headView.findViewById(R.id.progressbar); headTitle = (TextView) headView.findViewById(R.id.head_title); headLastUpdate = (TextView) headView .findViewById(R.id.head_last_update); headArrow.setMinimumWidth(50); headArrow.setMinimumHeight(70); MeasureView(headView); headContentWidth = headView.getMeasuredWidth(); headContentHeight = headView.getMeasuredHeight(); headView.setPadding(0, -1*headContentHeight, 0, 0); // 为listView加入顶部View addHeaderView(headView); setOnScrollListener(this); animation = new RotateAnimation(-180, 0, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); animation.setDuration(250); animation.setFillAfter(true);// 设定动画结束时,停留在动画结束位置 (保留动画效果) animation.setInterpolator(new LinearInterpolator());// 匀速变化 reverseAnimation = new RotateAnimation(0, -180, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f); reverseAnimation.setDuration(200); reverseAnimation.setFillAfter(true);// 设定动画结束时,停留在动画结束位置 (保留动画效果) reverseAnimation.setInterpolator(new LinearInterpolator());// 匀速变化 // 设置当前headView的状态 state = DONE; // 设置当前下拉刷新是否可用 isRefreshable = false; } /** * 测量headView的 宽高 * * @param child */ private void MeasureView(View child) { ViewGroup.LayoutParams lp = child.getLayoutParams(); if (null == lp) { lp = new ViewGroup.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT); } int measureChildWidth = ViewGroup.getChildMeasureSpec(0, 0, lp.width); int measureChildHeight; if (lp.height > 0) { measureChildHeight = MeasureSpec.makeMeasureSpec(lp.height, MeasureSpec.EXACTLY); } else { measureChildHeight = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED); } child.measure(measureChildWidth, measureChildHeight); } @Override public boolean onTouchEvent(MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_DOWN: if (firstVisibleIndex == 0 && !isRecored) { startY = event.getY(); isRecored = true; } break; case MotionEvent.ACTION_MOVE: float tempY = event.getY(); if (firstVisibleIndex == 0 && !isRecored) { startY = tempY; isRecored = true; } if (state != REFRESHING) { if (state == PULL_TO_REFRESH) { // 向下拉了 从下拉刷新的状态 来到 松开刷新的状态 if ((tempY - startY) / RATIO >= headContentHeight && (tempY - startY) > 0) { state = RELEASE_TO_REFRESH; changeHeadViewOfState(); } // 向上推了 从下拉刷新的状态 来到 刷新完成的状态 else if ((tempY - startY) <= 0) { state = DONE; changeHeadViewOfState(); } } else if (state == RELEASE_TO_REFRESH) { // 向上推了 还没有完全将HEADVIEW 隐藏掉(可以看到一部分) // 从松开刷新的状态 来到 下拉刷新的状态 if ((tempY - startY) / RATIO < headContentHeight && (tempY - startY) > 0) { state = PULL_TO_REFRESH; changeHeadViewOfState(); isBack = true; } // 向上推了 一下子推到了最上面 从松开刷新的状态 来到 刷新完成的状态 (数据不刷新的) else if ((tempY - startY) <= 0) { state = DONE; changeHeadViewOfState(); } } else if (state == DONE) { // 刷新完成的状态 来到 下拉刷新的状态 if ((tempY - startY) > 0) { state = PULL_TO_REFRESH; changeHeadViewOfState(); } } if (state == PULL_TO_REFRESH) { headView.setPadding( 0, (int) ((tempY - startY) / RATIO - headContentHeight), 0, 0); } if (state == RELEASE_TO_REFRESH) { headView.setPadding( 0, (int) ((tempY - startY) / RATIO - headContentHeight), 0, 0); } } break; case MotionEvent.ACTION_UP: if (state != REFRESHING) { if (state == PULL_TO_REFRESH) { // 松手 state = DONE; changeHeadViewOfState(); } else if (state == RELEASE_TO_REFRESH) { // 松手 state = REFRESHING; changeHeadViewOfState(); // 执行数据刷新方法 onRefresh(); } } isRecored = false; isBack = false; break; } return super.onTouchEvent(event); } /** * 执行下拉刷新 */ private void onRefresh() { if (refreshListner != null) { refreshListner.onRefresh(); } } /** * HeadView的状态变化效果 */ private void changeHeadViewOfState() { // switch (state) { case PULL_TO_REFRESH: headArrow.setVisibility(View.VISIBLE); progressBar.setVisibility(View.GONE); headTitle.setVisibility(View.VISIBLE); headLastUpdate.setVisibility(View.VISIBLE); headArrow.clearAnimation(); headTitle.setText("下拉可以刷新"); //由 松开刷新 到 下拉刷新 if(isBack){ headArrow.startAnimation(animation); isBack = false; } break; case RELEASE_TO_REFRESH: headArrow.setVisibility(View.VISIBLE); progressBar.setVisibility(View.GONE); headTitle.setVisibility(View.VISIBLE); headLastUpdate.setVisibility(View.VISIBLE); headArrow.clearAnimation(); headArrow.startAnimation(reverseAnimation); headTitle.setText("松开可以刷新"); break; case REFRESHING: headArrow.setVisibility(View.GONE); progressBar.setVisibility(View.VISIBLE); headTitle.setVisibility(View.VISIBLE); headLastUpdate.setVisibility(View.VISIBLE); headArrow.clearAnimation(); headTitle.setText("正在刷新..."); headView.setPadding(0, 0, 0, 0); break; case DONE: headArrow.setVisibility(View.VISIBLE); progressBar.setVisibility(View.GONE); headTitle.setVisibility(View.VISIBLE); headLastUpdate.setVisibility(View.VISIBLE); headArrow.clearAnimation(); headTitle.setText("下拉可以刷新"); headView.setPadding(0, -1 * headContentHeight, 0, 0); break; } } private int lastPos;//最后一个可见的item的位置 private int count;//item总数,注意不是当前可见的item总数 private boolean hasFoot = false;//是否有了Foot @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { firstVisibleIndex = firstVisibleItem; lastPos = getLastVisiblePosition(); count = totalItemCount; //因为刚进入的时候,lastPos=-1,count=0,这个时候不能让它执行onAddFoot方法 if(lastPos==count-1 && !hasFoot && lastPos != -1){ hasFoot = true; onAddFoot(); Log.d("addFoot================","执行添加Foot...."); } Log.d("count================", count+""); Log.d("lastPos================", lastPos+""); } @Override public void onScrollStateChanged(AbsListView view, int scrollState) { if(isFootLoading) return; if(hasFoot && scrollState==SCROLL_STATE_IDLE){ isFootLoading = true; onFootLoading(); } } /** * 设置下拉刷新监听 * * @param listener */ public void setOnRefreshListner(OnRefreshListner listener) { // 设置下拉刷新可用 isRefreshable = true; refreshListner = listener; } //执行底部加载 public void onFootLoading(){ if(footLoadingListener!=null && isFootLoading) footLoadingListener.onFootLoading(); } public void setOnAddFootListener(OnAddFootListener addFootListener){ onAddFootListener = addFootListener; } //执行添加foot public void onAddFoot(){ if(onAddFootListener!=null && hasFoot) onAddFootListener.addFoot(); } //是否添加Foot的监听器,如果写在OnFootLoadingListener中会有延迟,效果不好 //应该是先进入添加Foot的状态,再进入FootLoading的状态 public OnAddFootListener onAddFootListener; //是否进入从底部加载数据的状态的监听器 public OnFootLoadingListener footLoadingListener; //正在加载底部数据 private boolean isFootLoading = false; public void setOnFootLoadingListener(OnFootLoadingListener footLoading){ footLoadingListener = footLoading; } /** * 下拉刷新监听器 * @author lxj * */ public interface OnRefreshListner { /** * 下拉刷新的时候,在这里执行获取数据的过程 */ void onRefresh(); } /** * 上拉刷新监听器 * @author lxj * */ public interface OnFootLoadingListener{ /** * 这里是执行后台获取数据的过程 */ void onFootLoading(); } /** * 添加Foot的监听器 * @author lxj * */ public interface OnAddFootListener{ /** * 这里是用户addFootView的操作 */ void addFoot(); } /** * 底部数据加载完成,用户需要加入一个removeFootView的操作 */ public void onFootLoadingComplete(){ hasFoot = false; isFootLoading = false; } /** * 上拉刷新完成时 所执行的操作,更改状态,隐藏head */ public void onRefreshComplete() { state = DONE; changeHeadViewOfState(); headLastUpdate.setText("最后刷新时间: " + new Date().toLocaleString()); } @Override public void setAdapter(ListAdapter adapter) { headLastUpdate.setText("最后刷新时间: " + new Date().toLocaleString()); super.setAdapter(adapter); } }
下面是布局文件:
main.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <com.test.custom.CustomListView android:layout_width="fill_parent" android:layout_height="fill_parent" android:id="@+id/listview" /> </LinearLayout>
head.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="30dp" >
<FrameLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true" >
<ImageView
android:id="@+id/head_arrow"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:background="@drawable/arrow" />
<ProgressBar
android:id="@+id/progressbar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:visibility="gone" />
</FrameLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:gravity="center_horizontal"
android:orientation="vertical" >
<TextView
android:id="@+id/head_title"
android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="下拉可以刷新" android:textColor="#666666" android:textSize="20sp" /> <TextView android:id="@+id/head_last_update" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="3dp" android:text="最后更新时间:" android:textColor="#666666" android:textSize="10sp" /> </LinearLayout> </RelativeLayout> </LinearLayout>
footer.xml
<?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="horizontal" android:gravity="center" > <ProgressBar android:layout_width="wrap_content" android:layout_height="wrap_content" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="10dip" android:text="正在加载中..." android:textSize="20sp"/> </LinearLayout>
本着一条龙服务的原则, 下面连箭头图片都给你搞上...箭头就在前面那个空格区域(3个点的后面),晕啊,
箭头是白色的看不到,,,你在那里用鼠标拖一下就出来了,或者到我空间相册下载....