148.模拟下拉刷新

最新推荐文章于 2021-06-03 04:29:20 发布

augfun

最新推荐文章于 2021-06-03 04:29:20 发布

阅读量481

点赞数

分类专栏： android整理

本文链接：https://blog.csdn.net/augfun/article/details/71156661

版权

android整理专栏收录该内容

261 篇文章 6 订阅

订阅专栏

设置窗体的样式可以直接在Manifist文件中的style中直接设置 android:theme="@style/AppTheme"，这是一个全局App的属性，也可以在activity中设置requestWindowFeature(Window.FEATURE_NO_TITLE);设置没有title的窗体样式。

下拉的时候出现了下拉刷新的字样，需要为拉出的部分单独设计样式

android:indeterminate="true"圆圈的进度条

style="@android:style/Widget.ProgressaBar"圆圈的进度条

style="@android:style/Widget.ProgressaBar.Horizontal"水平进度条

android:indeterminateDrawable="@drawable/indeterminate_drawable"设置自定义的圆圈，在res/drawable目录下创建indeterminate_drawable.xml的样式文件

刷新头部的填充方法如下，这个方法必须在setAdapter前面调用，也就是1.addHeaderView必须在setAdapter之前调用。2.将paddingTop设置一个headerView高度的负值去隐藏它

//初始化头部的填充
View headView = View.inflate(this, R.layout.layout_head, null);
//添加刷新的布局，添加到自定义listView的顶部
refreshListView.addHeaderView(headView);

getHeight()和getMeasuredHeight()的区别：
getMeasuredHeight():获取测量完的高度，只要在onMeasure方法执行完，就可以用它获取到宽高，在自定义控件内部多使用这个使用view.measure(0,0)方法可以主动通知系统去测量，然后就可以直接使用它获取宽高

headView.measure(0, 0);//主动通知系统去测量
int headViewHeight = headView.getMeasuredHeight();
Log.e("MainActivity", "headViewHeight: "+headViewHeight);
headView.setPadding(0, -headViewHeight, 0, 0);
refreshListView.addHeaderView(headerView);

getHeight()：必须在onLayout方法执行完后，才能获得宽高

//初始化头部的填充
		final View headView = View.inflate(this, R.layout.layout_head, null);
		//监听headView,xml文件是异步的，一开始没有获取到高度
		headView.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
			@Override
			public void onGlobalLayout() {
				//获取到headView高度来，设置隐藏的padding
				int headViewHeight = headView.getHeight();
				//设置padding
				headView.setPadding(0, -headViewHeight, 0, 0);
				//添加刷新的布局，添加到自定义listView的顶部，必须在setAdapter前面调用
				refreshListView.addHeaderView(headView);
			}
		});

下拉刷新通过添加接口来实现监听

	//接口变量创建
	private OnRefreshListener listener;
	public void setOnRefreshListener(OnRefreshListener listener){
		this.listener = listener;
	}
	//创建接口
	public interface OnRefreshListener{
		void onPullRefresh();
		void onLoadingMore();
	}

接口的使用

//监听refreshListView
		refreshListView.setOnRefreshListener(new OnRefreshListener(){
			//松开进入刷新状态
			@Override
			public void onPullRefresh() {
				System.out.println("松开状态进入刷新");
				
			}

			@Override
			public void onLoadingMore() {
				// TODO Auto-generated method stub
				
			}
			
		});

上拉刷新，上拉刷新不需要添加接口直接使用OnScrollListener继承这个接口就可以以了

使用的时候首先初始化滚动监听

//设置一个滚动监听器
setOnScrollListener(this);

再实现接口方法

//滚动的接口方法，滚动状态的改变
	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
		//SCROLL_STATE_IDLE闲置状态，手指松开的时候的状态
		//SCROLL_STATE_TOUCH_SCROLL：手指触摸滑动，就是按着来滑动
		//SCROLL_STATE_FLING：快速滑动后松开，惯性
		if(scrollState==OnScrollListener.SCROLL_STATE_IDLE 
				&& getLastVisiblePosition()==(getCount()-1) &&!isLoadingMore){
			isLoadingMore = true;
			
			footerView.setPadding(0, 0, 0, 0);//显示出footerView
			setSelection(getCount());//让listview最后一条显示出来
			
			if(listener!=null){
				listener.onLoadingMore();
			}
		}
		
	}
	
	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {
		// TODO Auto-generated method stub
		
	}

使用setSelection(getCount());//让listview的某一条显示在顶端。让最下面的一条显示出来

主布局文件activity_main.xml,使用的自定义布局作为listView

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <com.ldw.refresh.RefreshListView
        android:id="@+id/refreshListView"
        android:layout_width="match_parent"
    	android:layout_height="wrap_content"
        ></com.ldw.refresh.RefreshListView>

</RelativeLayout>

layout_header.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:gravity="center_horizontal"
    android:orientation="horizontal" >
    
    <RelativeLayout 
        android:layout_width="wrap_content"
    	android:layout_height="wrap_content"
    	android:layout_marginTop="20dp"
    	android:layout_marginBottom="20dp"
        >
        <ImageView 
            android:id="@+id/iv_arrow"
            android:layout_width="wrap_content"
    		android:layout_height="wrap_content"
    		android:layout_centerInParent="true"
    		android:background="@drawable/indicator_arrow"
            />
        <ProgressBar 
            android:id="@+id/pb_rotate"
            android:layout_width="40dp"
    		android:layout_height="40dp"
    		android:layout_centerInParent="true"
    		android:indeterminate="true"
    		android:indeterminateDuration="1000"
    		android:indeterminateDrawable="@drawable/indeterminate_drawable"
            />
    </RelativeLayout>
    
	<LinearLayout 
	    android:layout_width="wrap_content"
    	android:layout_height="wrap_content"
    	 android:orientation="vertical"
    	 android:gravity="center"
    	 android:layout_marginLeft="20dp"
    	 android:layout_marginTop="20dp"
    	android:layout_marginBottom="20dp"
	    >
	    <TextView 
	        android:id="@+id/tv_state"
	        android:layout_width="wrap_content"
	    	android:layout_height="wrap_content"
	    	android:textSize="20sp"
	    	android:textColor="#aa000000"
    		android:text="下拉刷新"
	        />
	    <TextView 
	        android:id="@+id/tv_time"
	        android:layout_width="wrap_content"
	    	android:layout_height="wrap_content"
	    	android:textSize="14sp"
	    	android:textColor="@android:color/darker_gray"
    		android:text="刷新时间"
	        />
	</LinearLayout>
</LinearLayout>

自定义动画indeterminate_drawable.xml

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android" 
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:drawable="@drawable/indicate_rotate"
    android:toDegrees="360">
    

</rotate>

尾部的布局layout_tail.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="30dp"
        android:layout_height="30dp"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        android:indeterminate="true"
        android:indeterminateDrawable="@drawable/indeterminate_drawable"
        android:indeterminateDuration="1000" />

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

自定义布局的逻辑文件RefreshListView.java

package com.ldw.refresh;

import java.text.SimpleDateFormat;
import java.util.Date;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.RotateAnimation;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;

/*
 * 自定义listView
 */
public class RefreshListView extends ListView implements OnScrollListener{
	//初始化head
	private View headerView;//headerView
	private int headerViewHeight;//headerView高
	//初始化布局
	private ImageView iv_arrow;
	private ProgressBar pb_rotate;
	private TextView tv_state,tv_time;
	//初始化尾部
	private View footerView;
	private int footerViewHeight;
	
	private int downY;//按下时y坐标
	//下拉刷新的三个状态
	private final int PULL_REFRESH = 0;//下拉刷新的状态head没有拉完
	private final int RELEASE_REFRESH = 1;//松开刷新的状态，head拉完了
	private final int REFRESHING = 2;//正在刷新的状态
	//初始化当前的刷新状态
	private int currentState = PULL_REFRESH;
	//定义旋转动画，向上向下箭头的动画
	private RotateAnimation upAnimation,downAnimation;
	//当前是否正在处于加载更多，默认不是加载更多
	private boolean isLoadingMore = false;
	public RefreshListView(Context context) {
		super(context);
		init();
	}
	
	public RefreshListView(Context context, AttributeSet attrs) {
		super(context, attrs);
		init();
	}
	
	private void init(){
		//设置一个滚动监听器
		setOnScrollListener(this);
		initHeadView();
		initRotateAnimation();
		initFooterView();
	}

	//初始化listView的时候添加head
	private void initHeadView() {
		headerView = View.inflate(getContext(), R.layout.layout_head, 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);
		
		//通知系统测量view
		headerView.measure(0, 0);
		//获取到高度
		headerViewHeight = headerView.getMeasuredHeight();
		//初始化的时候，设置padding来隐藏head
		headerView.setPadding(0, -headerViewHeight, 0, 0);
		//listView就会有head了
		addHeaderView(headerView);
		
	}
	
	//初始化最下面的加载部分
	private void initFooterView() {
		//填充最下面的部分
		footerView = View.inflate(getContext(), R.layout.layout_footer, null);
		footerView.measure(0, 0);//主动通知系统去测量该view;
		footerViewHeight = footerView.getMeasuredHeight();
		//默认是隐藏起来的
		footerView.setPadding(0, -footerViewHeight, 0, 0);
		//添加到底部
		addFooterView(footerView);
	}
	
	//旋转动画
	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);
		
	}
	
	//触摸事件
	@Override
	public boolean onTouchEvent(MotionEvent ev) {
		switch (ev.getAction()) {
			//按下的时候
			case MotionEvent.ACTION_DOWN:
				downY = (int) ev.getY();
				break;
				//移动的时候
			case MotionEvent.ACTION_MOVE:
				//移动的相对距离
				int deltaY =(int) (ev.getY() - downY);
				//更新padding,出现head移动的现象
				int paddingTop = -headerViewHeight + deltaY;
				//设置新的padding，，当前的position为0的时候不让listView滑动
				//listView下滑的时候走这里deltaY为正,显示headd,最后执行return true
				//listView上移的时候deltaY为负不走这里可以滑动listView
				if(paddingTop>-headerViewHeight && getFirstVisiblePosition()==0){
					headerView.setPadding(0, paddingTop, 0, 0);
					//head全部显示了，状态变为松开刷新
					if(paddingTop>=0 && currentState==PULL_REFRESH){
						//从下拉刷新进入松开刷新状态
						currentState = RELEASE_REFRESH;
						refreshHeaderView();
					}
					//head还没有拉完，状态是下拉刷新
					else if (paddingTop<0 && currentState==RELEASE_REFRESH) {
						//进入下拉刷新状态
						currentState = PULL_REFRESH;
						refreshHeaderView();
					}
					
					//拦截TouchMove，不让listview处理该次move事件,会造成listview无法滑动
					return true;
				}
				break;
				//松开就隐藏head
			case MotionEvent.ACTION_UP:
				//当前的状态是下拉刷新的时候隐藏head
				if(currentState == PULL_REFRESH){
					//隐藏head
				}
				//当前的状态是松开刷新的时候，让head全部显示
				else if (currentState==RELEASE_REFRESH) {
					//head全部显示
					headerView.setPadding(0, 0, 0, 0);
					//状态变为正在刷新
					currentState = REFRESHING;
					refreshHeaderView();
					
					//调用接口方法，需要进行刷新了
					if(listener!=null){
						listener.onPullRefresh();
					}
				}
				break;
		}
		return super.onTouchEvent(ev);
	}
	
	/*
	 * 更据当前的状态更新head的显示
	 */
	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);
			//进度体哦啊可见
			pb_rotate.setVisibility(View.VISIBLE);
			tv_state.setText("正在刷新...");
			break;
		}
	}
	
	//完成刷新，恢复之前的状态一般是异步加载，在你获取完数据并更新完adater之后，去在UI线程中调用该方法
	//子线程中操作
	public void completeRefresh(){
		if(isLoadingMore){
			//重置footerView状态，隐藏相关条目
			footerView.setPadding(0, -footerViewHeight, 0, 0);
			//可以继续刷新
			isLoadingMore = false;
		}else {
			headerView.setPadding(0, -headerViewHeight, 0, 0);
			//状态改变,由正在刷新变成完成刷新
			currentState = PULL_REFRESH;
			pb_rotate.setVisibility(View.INVISIBLE);
			//箭头消失
			iv_arrow.setVisibility(View.INVISIBLE);
			tv_state.setText("下拉刷新");
			tv_time.setText("最后刷新时间" + getCurrentTime());
		}
	}
	
	//获取时间
	private String getCurrentTime(){
		//时间写的格式如下
		SimpleDateFormat format = new SimpleDateFormat("yy-MM-dd HH:mm:ss");
		return format.format(new Date());
	}

	//接口变量创建
	private OnRefreshListener listener;
	public void setOnRefreshListener(OnRefreshListener listener){
		this.listener = listener;
	}
	//创建接口
	public interface OnRefreshListener{
		void onPullRefresh();
		void onLoadingMore();
	}
	
	//滚动的接口方法，滚动状态的改变
	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
		//SCROLL_STATE_IDLE闲置状态，手指松开的时候的状态
		//SCROLL_STATE_TOUCH_SCROLL：手指触摸滑动，就是按着来滑动
		//SCROLL_STATE_FLING：快速滑动后松开，惯性
		if(scrollState==OnScrollListener.SCROLL_STATE_IDLE 
				&& getLastVisiblePosition()==(getCount()-1) &&!isLoadingMore){
			isLoadingMore = true;
			
			footerView.setPadding(0, 0, 0, 0);//显示出footerView
			setSelection(getCount());//让listview最后一条显示出来
			//使用接口的监听，需要加载更多
			if(listener!=null){
				listener.onLoadingMore();
			}
		}
		
	}
	
	@Override
	public void onScroll(AbsListView view, int firstVisibleItem,
			int visibleItemCount, int totalItemCount) {
		// TODO Auto-generated method stub
		
	}
	
	

}

页面的逻辑文件MainActivity.java

package com.ldw.refresh;

import java.util.ArrayList;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.SystemClock;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.BaseAdapter;
import android.widget.TextView;

import com.ldw.refresh.RefreshListView.OnRefreshListener;

public class MainActivity extends Activity {

	private RefreshListView refreshListView;//初始化自定义listView
	private ArrayList<String> list = new ArrayList<String>();
	private MyAdapter adapter;
	
	private Handler handler = new Handler(){
		public void handleMessage(android.os.Message msg) {
			//更新UI
			adapter.notifyDataSetChanged();
			refreshListView.completeRefresh();
		};
	};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        initView();
        initData();
        
    }

	private void initView() {
		//设置没有标题的window样式
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);
		refreshListView = (RefreshListView) findViewById(R.id.refreshListView);
	}
	
	private void initData() {
		//初始化列表中的数据
		for(int i = 0; i < 20; i++){
			list.add("1300000000" + i);
		}
		
		//初始化头部的填充
		final View headView = View.inflate(this, R.layout.layout_head, null);
		/*在填充自定义的listView中直接实现
		//监听headView,xml文件是异步加载的，一开始没有获取到高度
		headView.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
			@Override
			public void onGlobalLayout() {
				headView.getViewTreeObserver().removeGlobalOnLayoutListener(this);
				//获取到headView高度来，设置隐藏的padding
				int headViewHeight = headView.getHeight();
				//设置padding
				headView.setPadding(0, -headViewHeight, 0, 0);
				//添加刷新的布局，添加到自定义listView的顶部，必须在setAdapter前面调用
				refreshListView.addHeaderView(headView);
			}
		});
		*/
		
		//创建adapter，填充listView
		adapter = new MyAdapter();
		refreshListView.setAdapter(adapter);
		
		//监听refreshListView,在创建刷新完listView后调用接口
		refreshListView.setOnRefreshListener(new OnRefreshListener(){
			//松开进入刷新状态
			@Override
			public void onPullRefresh() {
				System.out.println("松开状态进入刷新");
				requestDataFromServer(false);
			}

			@Override
			public void onLoadingMore() {
				//加载更多
				requestDataFromServer(true);
				
			}
			
		});
		
	}
	
	/**
	 * 模拟向服务器请求数据
	 */
	private void requestDataFromServer(final boolean isLoadingMore){
		new Thread(){
			public void run() {
				//模拟请求服务器的一个时间长度，休眠3s
				SystemClock.sleep(3000);
				
				if(isLoadingMore){
					list.add("加载更多的数据-1");
					list.add("加载更多的数据-2");
					list.add("加载更多的数据-3");
				}else {
					list.add(0, "下拉刷新的数据");
				}
				
				//在UI线程更新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控件并设置属性
			TextView textView = new TextView(MainActivity.this);
			//设置内边距
			textView.setPadding(20, 20, 20, 20);
			//设置字体大小
			textView.setTextSize(18);
			//设置文本内容
			textView.setText(list.get(position));
			return textView;
		}
		
	}
    
}

augfun

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
148.模拟下拉刷新

设置窗体的样式可以直接在Manifist文件中的style中直接设置 android:theme="@style/AppTheme"，这是一个全局App的属性，也可以在activity中设置requestWindowFeature(Window.FEATURE_NO_TITLE);设置没有title的窗体样式。下拉的时候出现了下拉刷新的字样，需要为拉出的部分单独设计样式android:indete...
复制链接

扫一扫