具體實現效果如圖示:java
(1)添加header頭佈局,經過設置header的邊距來顯示和隱藏header;android
(2)經過OnScrollListener監聽事件,獲取ListView的活動狀態以及firstVisibleItem首位可見的Item;網絡
(3)經過OnTouchListener監聽事件,經過判斷是否在首位,以及處理ACTION_DOWN,ACTION_MOVE,ACTION_UPide
各個狀態事件,並記錄none(正常,pull(下拉),release(釋放),reflashing(刷新)等狀態。佈局
ACTION_DOWN:判斷是否在首列,如果,記錄該點位置startY;post
ACTION_MOVE:記錄移動後的tempY,獲取間距space,與View的高度比較後,動態獲取View上邊距,並設置。測試
ACTION_UP:記錄爲reflashing狀態,刷新數據。this
(4)刷新完成後,還原各自所處狀態,隱藏header。spa
(1)工程視圖:.net
(2)因爲ListView上拉已經實現過了這裏就只看自定義MyListView.java實現:
package com.example.listviewdemo1; import java.text.SimpleDateFormat; import java.util.Date; import android.content.Context; import android.util.AttributeSet; import android.view.LayoutInflater; import android.view.MotionEvent; import android.view.View; import android.view.ViewGroup; import android.view.animation.RotateAnimation; import android.widget.AbsListView; import android.widget.ImageView; import android.widget.ListView; import android.widget.ProgressBar; import android.widget.TextView; import android.widget.AbsListView.OnScrollListener; public class MyListView extends ListView implements OnScrollListener { View footer, header;// 底部佈局 int totalItemCount;// ListView加載數據總量 int lastVisibaleItem;// 底部顯示的數據 boolean isLoading;// 是否在加載 OnLoaderListener loaderListener;// 加載監聽 // 下拉刷新數據 int headerHeight;// 頂部佈局文件的高度; int scrollState;// listview 當前滾動狀態; boolean isRemark;// 標記,當前是在listview最頂端摁下的; int startY;// 摁下時的Y值; int state;// 當前的狀態; final int NONE = 0;// 正常狀態; final int PULL = 1;// 提示下拉狀態; final int RELESE = 2;// 提示釋放狀態; final int REFLASHING = 3;// 刷新狀態; public MyListView(Context context) { super(context); initView(context); } public MyListView(Context context, AttributeSet attrs) { super(context, attrs); initView(context); } public MyListView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); initView(context); } @Override public void onScrollStateChanged(AbsListView view, int scrollState) { if (totalItemCount == lastVisibaleItem && scrollState == SCROLL_STATE_IDLE) { if (!isLoading) { isLoading = true; footer.findViewById(R.id.load_layout).setVisibility(View.VISIBLE); loaderListener.onLoad();// 加載更多 } } this.scrollState = scrollState; } @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { this.lastVisibaleItem = firstVisibleItem + visibleItemCount; this.totalItemCount = totalItemCount; } private void initView(Context context) { LayoutInflater inflater = LayoutInflater.from(context); footer = inflater.inflate(R.layout.footer_layout, null); header = inflater.inflate(R.layout.header_layout, null); measureView(header); headerHeight = header.getMeasuredHeight(); footer.findViewById(R.id.load_layout).setVisibility(View.GONE); topPadding(-headerHeight); this.addHeaderView(header);// 加到頂部 this.addFooterView(footer);// 加到底部 this.setOnScrollListener(this);// 監聽滾動到底部 } /** * 通知父佈局,佔用的寬,高; * * @param view */ private void measureView(View view) { ViewGroup.LayoutParams p = view.getLayoutParams(); if (p == null) { p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT); } int width = ViewGroup.getChildMeasureSpec(0, 0, p.width); int height; int tempHeight = p.height; if (tempHeight > 0) { height = MeasureSpec.makeMeasureSpec(tempHeight, MeasureSpec.EXACTLY); } else { height = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED); } view.measure(width, height); } /** * 設置header 佈局 上邊距; * * @param topPadding */ private void topPadding(int topPadding) { header.setPadding(header.getPaddingLeft(), topPadding, header.getPaddingRight(), header.getPaddingBottom()); header.invalidate(); } @Override public boolean onTouchEvent(MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: if (getFirstVisiblePosition() == 0) { isRemark = true; startY = (int) ev.getY(); } break; case MotionEvent.ACTION_MOVE: onMove(ev); break; case MotionEvent.ACTION_UP: if (state == RELESE) { state = REFLASHING; // 加載最新數據; reflashViewByState(); loaderListener.onReflash(); } else if (state == PULL) { state = NONE; isRemark = false; reflashViewByState(); } break; } return super.onTouchEvent(ev); } /** * 判斷移動過程操做; * * @param ev */ private void onMove(MotionEvent ev) { if (!isRemark) { return; } int tempY = (int) ev.getY(); int space = tempY - startY; int topPadding = space - headerHeight; switch (state) { case NONE: if (space > 0) { state = PULL; reflashViewByState(); } break; case PULL: topPadding(topPadding); if (space > headerHeight + 30 && scrollState == SCROLL_STATE_TOUCH_SCROLL) { state = RELESE; reflashViewByState(); } break; case RELESE: topPadding(topPadding); if (space < headerHeight + 30) { state = PULL; reflashViewByState(); } else if (space <= 0) { state = NONE; isRemark = false; reflashViewByState(); } break; } } /** * 根據當前狀態,改變界面顯示; */ private void reflashViewByState() { TextView tip = (TextView) header.findViewById(R.id.tip); ImageView arrow = (ImageView) header.findViewById(R.id.arrow); ProgressBar progress = (ProgressBar) header.findViewById(R.id.progress); RotateAnimation anim = new RotateAnimation(0, 180, RotateAnimation.RELATIVE_TO_SELF, 0.5f, RotateAnimation.RELATIVE_TO_SELF, 0.5f); anim.setDuration(500); anim.setFillAfter(true); RotateAnimation anim1 = new RotateAnimation(180, 0, RotateAnimation.RELATIVE_TO_SELF, 0.5f, RotateAnimation.RELATIVE_TO_SELF, 0.5f); anim1.setDuration(500); anim1.setFillAfter(true); switch (state) { case NONE: arrow.clearAnimation(); topPadding(-headerHeight); break; case PULL: arrow.setVisibility(View.VISIBLE); progress.setVisibility(View.GONE); tip.setText("下拉能夠刷新!"); arrow.clearAnimation(); arrow.setAnimation(anim1); break; case RELESE: arrow.setVisibility(View.VISIBLE); progress.setVisibility(View.GONE); tip.setText("鬆開能夠刷新!"); arrow.clearAnimation(); arrow.setAnimation(anim); break; case REFLASHING: topPadding(50); arrow.setVisibility(View.GONE); progress.setVisibility(View.VISIBLE); tip.setText("正在刷新..."); arrow.clearAnimation(); break; } } /** * 下拉獲取完數據; */ public void reflashComplete() { state = NONE; isRemark = false; reflashViewByState(); TextView lastupdatetime = (TextView) header.findViewById(R.id.lastupdate_time); SimpleDateFormat format = new SimpleDateFormat("yyyy年MM月dd日 hh:mm:ss"); Date date = new Date(System.currentTimeMillis()); String time = format.format(date); lastupdatetime.setText(time); } /** * 上拉加載完數據 */ public void loadComplete() { isLoading = false; footer.findViewById(R.id.load_layout).setVisibility(View.GONE); } public void setLoaderListener(OnLoaderListener loaderListener) { this.loaderListener = loaderListener; } /** * 加載回調接口 * * @author shizhao * */ public interface OnLoaderListener { public void onLoad();// 上拉加載回調 public void onReflash();// 下拉刷新回調 } }
其中實現了View footer, header頂部和底部佈局,上拉加載和下拉刷新都在代碼中實現。
(3)調用類實現以下:
public class MainActivity extends Activity implements OnLoaderListener { ArrayList<ItemEntity> itemEntities; MyAdapter adapter; MyListView listview; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); getData(); showListView(itemEntities); } private void showListView(ArrayList<ItemEntity> itemEntities) { if (adapter == null) { listview = (MyListView) findViewById(R.id.listview); listview.setLoaderListener(this); adapter = new MyAdapter(itemEntities, this); listview.setAdapter(adapter); } else { adapter.onDataChange(itemEntities); } } private void getData() { itemEntities = new ArrayList<ItemEntity>(); for (int i = 0; i < 4; i++) { ItemEntity itemEntity = new ItemEntity(); itemEntity.setName("測試程序:" + i); itemEntity.setInfo("這是初始節目加載的Item"); itemEntity.setItemId(R.drawable.ic_launcher); itemEntities.add(itemEntity); } } private void loadData() { for (int i = 0; i < 2; i++) { ItemEntity itemEntity = new ItemEntity(); itemEntity.setName("上拉加載程序:" + i); itemEntity.setInfo("這是向上拖動加載的Item"); itemEntity.setItemId(R.drawable.ic_launcher); itemEntities.add(itemEntity); } } private void setReflashData() { for (int i = 0; i < 2; i++) { ItemEntity itemEntity = new ItemEntity(); itemEntity.setName("下拉刷新程序:" + i); itemEntity.setInfo("這是向下拖動刷新的Item"); itemEntity.setItemId(R.drawable.test_icon); itemEntities.add(0, itemEntity); } } @Override public void onLoad() { Handler handler = new Handler(); handler.postDelayed(new Runnable() { @Override public void run() { // 獲取更多數據 loadData(); // 更新listview顯示; showListView(itemEntities); // 通知listview加載完畢 listview.loadComplete(); } }, 2000); } @Override public void onReflash() { Handler handler = new Handler(); handler.postDelayed(new Runnable() { @Override public void run() { // 獲取最新數據 setReflashData(); // 通知界面顯示 showListView(itemEntities); // 通知listview 刷新數據完畢; listview.reflashComplete(); } }, 2000); } }
其中使用Handler的post方法實現延遲,模擬網絡加載延遲現象,實際應用中並不須要。
整個工程已打包上傳,須要的話自行下載:http://download.csdn.net/detail/shizhao0716/8391097