Android学习（45） -- 自定义控件（9） 下拉刷新 （添加footer）

标签：

样式效果

1、创建底部的布局 layout_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="wrap_content"
    android:gravity="center"
    android:orientation="horizontal" >

    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="10dp"
        android:indeterminate="true"
        android:indeterminateDrawable="@drawable/indeterminate_drawable"
        android:indeterminateDuration="1000"
        android:visibility="invisible" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="15dp"
        android:layout_marginTop="10dp"
        android:text="加载更多"
        android:textColor="#aa000000"
        android:textSize="20sp" />

</LinearLayout>

2、在自定义的ListView中 初始化话FooterView ，并添加到ListView的底部

	/**
	 * 初始化FooterView
	 */
	private void initFooterView() {
		footerView = View.inflate(getContext(), R.layout.layout_footer, null);
		
		//获取自定义组件的宽 高
		footerView.measure(0, 0);
		footerViewHeight = footerView.getMeasuredHeight();
		//将头部进行隐藏
		footerView.setPadding(0, -footerViewHeight, 0, 0);
		//将FooterView添加到ListView的底部
		addFooterView(footerView);
	}

3、让自定义View，并实现OnScrollListener并重写 ，在初始化方法中调用监听器

	private void init(){
		
		setOnScrollListener(this);
                .....
       }

   private boolean  isLoadingMore = false; //当前是否正在处于加载更多

	/**
	 * scrollState的值：
	 * 0 = SCROLL_STATE_IDLE: 闲置状态，就是手指松开
	 * 1 = SCROLL_STATE_TOUCH_SCROLL：   手指触摸滑动，就是按着来滑动
	 * 2 = SCROLL_STATE_FLING：  快速滑动后松开
	 */
	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
		//Log.e("main", scrollState + "");
		//当手指松开 并且 此时是ListView中的item是最后一条的时候    显示FooterView
		//getCount获取的是ListView的总的条数
		if(scrollState == OnScrollListener.SCROLL_STATE_IDLE
				&& getLastVisiblePosition() == (getCount() -1 )
				&& !isLoadingMore ){
			isLoadingMore = true;
			
			footerView.setPadding(0, 0, 0, 0);
			//将列表移动到指定的Position处
			setSelection(getCount());
			
			//如果监听不为空  则调用加载更多方法
			if(listener!=null){
				listener.onLoadingMore();
			}
			
		}
	}

	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {
	}

4、在接口中添加一个加载更多的方法

	public interface OnRefreshListener{
		//下来刷新的时候调用
		void onPullRefresh();
		
		//加载更多
		void onLoadingMore();
	}

5、在MainActivity中重写  --加载更多方法

private void initData() {
		。。。。。

		refLv.setOnRefreshListener(new OnRefreshListener() {
			
			public void onPullRefresh() {
				//Log.e("MainActivity", "进入正在刷新状态，此时应请求服务器数据");
				//需要联网请求服务器数据，然后更新UI
				requestDataFromServer(false);
			}

			@Override
			public void onLoadingMore() {
				requestDataFromServer(true);
			}
		});
	}

	/**
	 * 模拟向服务器请求数据
	 * @param isLoadingMore  用于区分 是加载更多数据  还是下拉刷新
	 */
	private void requestDataFromServer(final boolean isLoadingMore){
		new Thread(){
			public void run() {
				//模拟请求服务的一个时间长度
				SystemClock.sleep(3000);
				
				//将数据添加到头部
				if(isLoadingMore){
					list.add("加载更多的数据-1");
					list.add("加载更多的数据-2");
					list.add("加载更多的数据-3");
				}else {
					list.add(0, "下拉刷新的数据");
				}
				
				//更新UI
				handler.sendEmptyMessage(0);
			};
		}.start();
	}
	

6、修改下  自定View中的  completeRefresh()，重置footerView状态

/**
	 * 完成刷新 重置为下拉刷新状态
	 * 在请求完数据 更新Adapter之后  在UI线程中调用该方法
	 */
	public void completeRefresh(){
		
		
		if(isLoadingMore){
			//重置FooterView状态
			footerView.setPadding(0, -footerViewHeight, 0, 0);
			isLoadingMore = false;
		}else{ 
			//HeaderView状态
			//隐藏HeaderView
			headerView.setPadding(0, -headerViewHeight, 0, 0);
			//状态改变
			currentState = PULL_REFRESH;
			//ProgressBar隐藏
			pb_rotate.setVisibility(View.INVISIBLE);
			//图片显示
			iv_arrow.setVisibility(View.VISIBLE);
			tv_state.setText("下拉刷新");
			tv_time.setText("最后刷新: " + getCurrentTime());
		
		}
	}

总的代码

自定义View

public class RefreshListView extends ListView implements OnScrollListener {

	private View headerView;		//HeaderView
	private int headerViewHeight;	//HeaderViewHeight
	private View footerView;		// footerView
	private int footerViewHeight;	// footerViewHeight
	
	private int downY ;	//按下时 的 Y坐标点  

	private final int PULL_REFRESH = 0;			//下拉刷新的状态
	private final int RELEASE_REFRESH = 1;		//松开刷新的状态
	private final int REFRESHING = 2;			//正在刷新的状态
	private int currentState = PULL_REFRESH;
	private ImageView iv_arrow;
	private ProgressBar pb_rotate;
	private TextView tv_state;
	private TextView tv_time;

	private boolean  isLoadingMore = false;	//当前是否正在处于加载更多

	//旋转动画
	private RotateAnimation  upAnimation, downAnimation; 
	
	public RefreshListView(Context context, AttributeSet attrs) {
		super(context, attrs);
		init();
	}
	
	public RefreshListView(Context context) {
		super(context);
		init();
	}
	
	/**
	 * 初始化ListView中的数据
	 */
	private void init(){
		
		setOnScrollListener(this);
		
		//初始化HeaderView
		initHeaderView();
		//初始化动画
		initRotateAnimation();
		//初始化FooterView
		initFooterView();
	}



	/**
	 * 初始化动画
	 */
	private void initRotateAnimation() {
		
		//向上的动画
		upAnimation = new RotateAnimation(0, -180, 
				RotateAnimation.RELATIVE_TO_SELF, 0.5f,
				RotateAnimation.RELATIVE_TO_SELF, 0.5f);
		upAnimation.setDuration(300);
		upAnimation.setFillAfter(true);
		
		//向下的动画
		downAnimation = new RotateAnimation( -180, -360,
				RotateAnimation.RELATIVE_TO_SELF, 0.5f,
				RotateAnimation.RELATIVE_TO_SELF, 0.5f);
		downAnimation.setDuration(300);
		downAnimation.setFillAfter(true);
	}

	/**
	 * 添加一个HeaderView
	 */
	private void initHeaderView() {
		//获取头部的布局
		headerView = View.inflate(getContext(),
						R.layout.layout_header, null);
		
		iv_arrow = (ImageView) headerView.findViewById(R.id.iv_arrow);
		pb_rotate = (ProgressBar) headerView.findViewById(R.id.pb_rotate);
		
		tv_state = (TextView) headerView.findViewById(R.id.tv_state);
		tv_time = (TextView) headerView.findViewById(R.id.tv_time);
		
		//获取自定义组件的宽 高
		headerView.measure(0, 0);
		headerViewHeight = headerView.getMeasuredHeight();
		//将头部进行隐藏
		headerView.setPadding(0, -headerViewHeight, 0, 0);
		//将头部添加到RefreshListView中
		addHeaderView(headerView);
	}
	
	/**
	 * 初始化FooterView
	 */
	private void initFooterView() {
		footerView = View.inflate(getContext(), R.layout.layout_footer, null);
		
		//获取自定义组件的宽 高
		footerView.measure(0, 0);
		footerViewHeight = footerView.getMeasuredHeight();
		//将头部进行隐藏
		footerView.setPadding(0, -footerViewHeight, 0, 0);
		//将FooterView添加到ListView的底部
		addFooterView(footerView);
	}
	
	@Override
	public boolean onTouchEvent(MotionEvent ev) {
		switch (ev.getAction()) {
		case MotionEvent.ACTION_DOWN:
			downY = (int) ev.getY();
			break;
		case MotionEvent.ACTION_MOVE:
			//如果在刷新中的话 就不让操作了
			if(currentState == REFRESHING){
				break;
			}
			
			//获取到移动的大小
			int delaY = (int)(ev.getY() - downY) ;
			//计算出新的headerViewHeight
			int paddingTop = -headerViewHeight + delaY;

			if(paddingTop > -headerViewHeight 
					&& getFirstVisiblePosition() ==  0){
				headerView.setPadding(0, paddingTop, 0, 0);
				
				if(paddingTop >= 0  
						&¤tState == PULL_REFRESH){
					//下拉刷新状态 进入松开刷新状态
					currentState = RELEASE_REFRESH;
					refreshHeaderView();
					
				}else if(paddingTop < 0
						&& currentState == RELEASE_REFRESH){
					//松开刷新状态 进入下拉刷新状态
					currentState = PULL_REFRESH;
					refreshHeaderView();
				}
				
				//拦截TouchMove，不让listview处理该次move事件,会造成listview无法滑动
				return true;
			}
			
			break;
		case MotionEvent.ACTION_UP:
			if(currentState == PULL_REFRESH){
				//隐藏HeaderView
				headerView.setPadding(0, -headerViewHeight, 0, 0);
			}else if(currentState == RELEASE_REFRESH){
				headerView.setPadding(0, 0, 0, 0);
				currentState = REFRESHING;
				refreshHeaderView();
				
				//模拟延时
//				new Handler().postDelayed(new Runnable() {
//					
//					@Override
//					public void run() {
//						completeRefresh();
//					}
//				}, 3000);
				
				if(listener != null){
					listener.onPullRefresh();
				}
			}
			
			break;
		}
		
		return super.onTouchEvent(ev);
	}
	
	/**
	 * 根据  currentState 来更新 HeaderView
	 */
	private void refreshHeaderView(){
		switch (currentState) {
		case PULL_REFRESH: //下拉刷新的状态
			tv_state.setText("下拉刷新");
			iv_arrow.startAnimation(downAnimation);
			break;
		case RELEASE_REFRESH: //松开刷新的状态
			tv_state.setText("松开刷新");
			iv_arrow.startAnimation(upAnimation);
			break;
		case REFRESHING://正在刷新的状态
			//清除动画  可能动画未执行完毕  所以需要清除动画
			iv_arrow.clearAnimation();
			//让图标隐藏
			iv_arrow.setVisibility(View.INVISIBLE);
			//ProgressBar 显示可见
			pb_rotate.setVisibility(View.VISIBLE);
			tv_state.setText("正在刷新...");
			
			break;
		}
	}
	
	/**
	 * 完成刷新 重置为下拉刷新状态
	 * 在请求完数据 更新Adapter之后  在UI线程中调用该方法
	 */
	public void completeRefresh(){
		
		
		if(isLoadingMore){
			//重置FooterView状态
			footerView.setPadding(0, -footerViewHeight, 0, 0);
			isLoadingMore = false;
		}else{ 
			//HeaderView状态
			//隐藏HeaderView
			headerView.setPadding(0, -headerViewHeight, 0, 0);
			//状态改变
			currentState = PULL_REFRESH;
			//ProgressBar隐藏
			pb_rotate.setVisibility(View.INVISIBLE);
			//图片显示
			iv_arrow.setVisibility(View.VISIBLE);
			tv_state.setText("下拉刷新");
			tv_time.setText("最后刷新: " + getCurrentTime());
		
		}
	}
	/**
	 * 获取当前时间
	 * @return
	 */
	private String getCurrentTime(){
		SimpleDateFormat format = new SimpleDateFormat("yy-MM-dd HH:mm:ss");
		return format.format(new Date());
	}
	
	/**
	 * 定义刷新监听接口，用于处理刷新过程中业务逻辑请求的处理
	 * @author Denny
	 * @date 2016-4-26
	 */
	public interface OnRefreshListener{
		//下来刷新的时候调用
		void onPullRefresh();
		
		//加载更多
		void onLoadingMore();
	}
	
	private OnRefreshListener  listener;

	
	public 	void setOnRefreshListener( OnRefreshListener listener){
		this.listener = listener;
	}

	/**
	 * scrollState的值：
	 * 0 = SCROLL_STATE_IDLE: 闲置状态，就是手指松开
	 * 1 = SCROLL_STATE_TOUCH_SCROLL：   手指触摸滑动，就是按着来滑动
	 * 2 = SCROLL_STATE_FLING：  快速滑动后松开
	 */
	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
		//Log.e("main", scrollState + "");
		//当手指松开 并且 此时是ListView中的item是最后一条的时候    显示FooterView
		//getCount获取的是ListView的总的条数
		if(scrollState == OnScrollListener.SCROLL_STATE_IDLE
				&& getLastVisiblePosition() == (getCount() -1 )
				&& !isLoadingMore ){
			isLoadingMore = true;
			
			footerView.setPadding(0, 0, 0, 0);
			//将列表移动到指定的Position处
			setSelection(getCount());
			
			//如果监听不为空  则调用加载更多方法
			if(listener!=null){
				listener.onLoadingMore();
			}
			
		}
	}

	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {
	}
}

MainActivity

public class MainActivity extends Activity {

	private RefreshListView refLv;
	private ArrayList<String> list = new ArrayList<String>();
	private MyAdapter myAdapter;

	private Handler handler = new Handler(){
		 public void handleMessage(android.os.Message msg) {
			 //更新UI
			 myAdapter.notifyDataSetChanged();

			//重置状态
			refLv.completeRefresh();
		 };
	};
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);

		initView();

		initData();

	}

	/**
	 * 初始化View
	 */
	private void initView() {
		setContentView(R.layout.activity_main);
		refLv = (RefreshListView) findViewById(R.id.refLv);
	}

	/**
	 * 初始化数据
	 */
	private void initData() {
		for (int i = 0; i < 15; i++) {
			list.add("ListView原来数据 ：" + i);
		}

		//获取头部的布局
//		final View headerView = View.inflate(MainActivity.this,
//				R.layout.layout_header, null);
		//1、第一种   获取自动加载View的高度的方式  使用监听的方式 
//		//使用inflate是异步的  要想获取到加载组件的高度 需要使用 getViewTreeObserver 进行监听
//		headerView.getViewTreeObserver().addOnGlobalLayoutListener(
//				new OnGlobalLayoutListener() {
//			
//			@Override
//			public void onGlobalLayout() {
//				
//				//要先remove掉一下
//				headerView.getViewTreeObserver().removeGlobalOnLayoutListener(this);
//				
//				//获取头部布局的高度
//				int headerViewHeight = headerView.getHeight();
//				//将头部进行隐藏
//				headerView.setPadding(0, -headerViewHeight, 0, 0);
//				refLv.addHeaderView(headerView);
//			}
//		});
		
		//  第 一种   获取动态 自定义组件的宽 高 
//		headerView.measure(0, 0); //自动的通知系统获取高度和宽度
//		int headerViewHeight = headerView.getMeasuredHeight();
//		//将头部进行隐藏
//		headerView.setPadding(0, -headerViewHeight, 0, 0);
//		refLv.addHeaderView(headerView);
		
		myAdapter = new MyAdapter();
		refLv.setAdapter(myAdapter);

		refLv.setOnRefreshListener(new OnRefreshListener() {
			
			public void onPullRefresh() {
				//Log.e("MainActivity", "进入正在刷新状态，此时应请求服务器数据");
				//需要联网请求服务器数据，然后更新UI
				requestDataFromServer(false);
			}

			@Override
			public void onLoadingMore() {
				requestDataFromServer(true);
			}
		});
	}

	/**
	 * 模拟向服务器请求数据
	 * @param isLoadingMore  用于区分 是加载更多数据  还是下拉刷新
	 */
	private void requestDataFromServer(final boolean isLoadingMore){
		new Thread(){
			public void run() {
				//模拟请求服务的一个时间长度
				SystemClock.sleep(3000);
				
				//将数据添加到头部
				if(isLoadingMore){
					list.add("加载更多的数据-1");
					list.add("加载更多的数据-2");
					list.add("加载更多的数据-3");
				}else {
					list.add(0, "下拉刷新的数据");
				}
				
				//更新UI
				handler.sendEmptyMessage(0);
			};
		}.start();
	}
	
	
	class MyAdapter extends BaseAdapter {

		@Override
		public int getCount() {
			return list.size();
		}

		@Override
		public Object getItem(int position) {
			return null;
		}

		@Override
		public long getItemId(int position) {
			return 0;
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			TextView tv = new TextView(MainActivity.this);
			tv.setPadding(20, 20, 20, 20);
			tv.setTextSize(18);

			tv.setText(list.get(position));

			return tv;
		}

	}

}

Android学习（45） -- 自定义控件（9） 下拉刷新 （添加footer）

标签：

原文地址：http://blog.csdn.net/idiandi/article/details/51250127