最新Android ListView 下拉刷新 上滑加载

开发项目过程中基本都会用到listView的下拉刷新和上滑加载更多，之前大家最常用的应该是pull to refresh或它的变种版吧，google官方在最新的android.support.v4包中增加了一个新类SwipeRefreshLayout，地址 这个类的作用就是提供官方的下拉刷新，并且效果相当不错，而上拉加载更多则用我们自定义的listview，也是相当简单。

下拉刷新

简单的介绍下：

首先它是一个viewgroup，但是它只允许有一个子控件，子控件能是任何view，使用的时候，所在类实现OnRefreshListener接口，在onRefresh()方法中实现所要完成的任务，

findviewbyid得到SwipeRefreshLayout后，显示刷新动画用SwipeRefreshLayout.setRefreshing(true);取消刷新动画用SwipeRefreshLayout.setRefreshing(false);相当简单。

另外有一些其他的常用方法比如判断时候正在显示刷新动画，用SwipeRefreshLayout.isShown()。

布局：

<android.support.v4.widget.SwipeRefreshLayout
        android:id="@+id/swip_index"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <com.example.listviewloadmore.LoadMoreListView
            android:id="@+id/listView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/hello_world" >
        </com.example.listviewloadmore.LoadMoreListView>
    </android.support.v4.widget.SwipeRefreshLayout>

上拉加载更多

思路：监听滑动事件并判断是否到达底部，到达底部的时候，回调我们定义好的一个方法，从而达到上拉加载更多的目的。

但是具体怎么监听和回调呢，我们不妨看看Button控件的点击事件的执行流程，Button继承textView，textView继承View

1.实现OnClickListener接口，重写onClick方法

2.设置Button.setOnClickListener（this）或者new一个接口也一样的。

查看View源码，我们可得知

View类中有OnClickOistener接口，setOnClickListener方法

那么我们在我们自己的listview中要实现的步骤狠清楚了

1.myListView继承listView

2.实现onLoadMore接口

3.在类中声明onLoadMore接口对象

4.设置点击方法setOnLoadMore

5.在需要的地方调用onLoadMore.loadMore方法。

下面附上MyListView源码：

package com.example.listviewloadmore;

import android.annotation.SuppressLint;
import android.content.Context;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.ListView;

public class LoadMoreListView extends ListView implements OnScrollListener{
	private View footer;

	private int totalItem;
	private int lastItem;

	private boolean isLoading;

	private OnLoadMore onLoadMore;

	private LayoutInflater inflater;

	public LoadMoreListView(Context context) {
		super(context);
		init(context);
	}

	public LoadMoreListView(Context context, AttributeSet attrs) {
		super(context, attrs);
		init(context);
	}

	public LoadMoreListView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		init(context);
	}

	@SuppressLint("InflateParams")
	private void init(Context context) {
		inflater = LayoutInflater.from(context);
		footer = inflater.inflate(R.layout.load_more_footer,null ,false);
		footer.setVisibility(View.GONE);
		this.addFooterView(footer);
		this.setOnScrollListener(this);
	}

	@Override
	public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
		this.lastItem = firstVisibleItem+visibleItemCount;
		this.totalItem = totalItemCount;
	}

	@Override
	public void onScrollStateChanged(AbsListView view, int scrollState) {
		if(this.totalItem == lastItem&&scrollState == SCROLL_STATE_IDLE){
			Log.v("isLoading", "yes");
			if(!isLoading){
				isLoading=true;
				footer.setVisibility(View.VISIBLE);
				onLoadMore.loadMore();
			}
		}
	}
	public void setLoadMoreListen(OnLoadMore onLoadMore){
		this.onLoadMore = onLoadMore;
	}
	/**
	 * 加载完成调用此方法
	 */
	public void onLoadComplete(){
		footer.setVisibility(View.GONE);
		isLoading = false;

	}

	public interface OnLoadMore{
		public void loadMore();
	}

}

代码不是很复杂，认真看一定能看明白。

底部正在加载布局代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/load_more_footer"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true" >

        <ProgressBar
            android:id="@+id/load_more_progressBar"
            android:layout_width="36dp"
            android:layout_height="36dp"
            android:padding="3dp"
            android:visibility="visible" />

        <TextView
            android:id="@+id/no_more_textView"
            android:layout_width="wrap_content"
            android:layout_height="36dp"
            android:gravity="center"
            android:text="正在加载"
            android:textColor="#666666"
            android:textSize="16sp"
            android:visibility="visible" />
    </LinearLayout>

</RelativeLayout>

基本到这上拉加载更多就结束了。

下面就是把下拉上拉结合起来用了

布局文件main.xml

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.listviewloadmore.MainActivity" >

    <android.support.v4.widget.SwipeRefreshLayout
        android:id="@+id/swip_index"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <com.example.listviewloadmore.LoadMoreListView
            android:id="@+id/listView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/hello_world" >
        </com.example.listviewloadmore.LoadMoreListView>
    </android.support.v4.widget.SwipeRefreshLayout>

</RelativeLayout>

MainActivity代码

package com.example.listviewloadmore;

import java.util.ArrayList;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.widget.SwipeRefreshLayout;
import android.support.v4.widget.SwipeRefreshLayout.OnRefreshListener;
import android.widget.ArrayAdapter;
import android.widget.Toast;

import com.example.listviewloadmore.LoadMoreListView.OnLoadMore;

public class MainActivity extends Activity implements OnRefreshListener, OnLoadMore {
	private LoadMoreListView listView;
	private SwipeRefreshLayout swip;
	private int page = 1;
	ArrayList<String> data1 = new ArrayList<String>();
	private ArrayAdapter<String> adapter;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		initView();
		initData(1);
	}

	private void initView() {
		listView = (LoadMoreListView) findViewById(R.id.listView);
		listView.setLoadMoreListen(this);
		swip = (SwipeRefreshLayout) findViewById(R.id.swip_index);
		swip.setOnRefreshListener(this);
		swip.setColorSchemeResources(android.R.color.holo_blue_light, android.R.color.holo_red_light, android.R.color.holo_orange_light,
				android.R.color.holo_green_light);
		adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, data1);
	}
	/**
	 * 加载数据
	 * @param page2 页数
	 */
	private void initData(int page2) {
		// TODO Auto-generated method stub
		if(page2==1){
			for (int i = 0; i < 10; i++) {
				data1.add((i+1)+"");
				listView.setAdapter(adapter);
			}
		}else{
			data1.add("新加的第"+(9+page2)+"个");
		}
	}
	// 下拉刷新的方法
	@Override
	public void onRefresh() {
		Toast.makeText(this, "开始刷新啦", Toast.LENGTH_SHORT).show();
		new Handler().postDelayed(new Runnable() {
			@Override
			public void run() {
				if(swip.isShown()){
					swip.setRefreshing(false);
				}
				Toast.makeText(MainActivity.this, "刷新完成了", Toast.LENGTH_SHORT).show();
			}
		}, 3000);
	}

	// 加载更多的方法
	@Override
	public void loadMore() {
		page++;
		new Handler().postDelayed(new Runnable() {
			@Override
			public void run() {
				initData(page);
				listView.onLoadComplete();
				Toast.makeText(MainActivity.this, "加载完成", Toast.LENGTH_SHORT).show();
				adapter.notifyDataSetChanged();
			}
		}, 3000);
	}

}

上一下效果图：

源码地址：点击下载

时间： 2024-12-26 19:33:34

最新Android ListView 下拉刷新 上滑加载的相关文章

十分钟实现ListView下拉刷新上滑加载更多

说到ListView下拉刷新几乎每个APP都会用到,所以ListView下拉刷新是很重要的,就像ListView优化一样是你必会的东西. ListView实现下拉刷新如果我们开发人员自己编写相对来说比较费事的,当我们使用第三方库之后我们再来开发这个功能就会省事很多.相比与自己实现可以少编写不少代码,Android-PullToRefresh库可以轻松实现ListView的下拉刷新功能. 要使用Android—PullToRefesh库对ListView实现下拉刷新要经过以下几个步骤: 1.下载A

Android ListView 下拉刷新 点击加载更多

最近项目中用到了ListView的下拉刷新的功能,总结了一下前辈们的代码,单独抽取出来写了一个demo作为示例. 效果图 下拉刷新: 加载更多: CustomListView.java [java] view plaincopy package com.example.uitest.view; import java.util.Date; import com.example.uitest.R; import android.content.Context; import android.uti

Android listview下拉刷新 上拉加载

转载自:http://blog.csdn.net/bboyfeiyu Android下拉刷新完全解析,教你如何一分钟实现下拉刷新功能 http://blog.csdn.net/guolin_blog/article/details/9255575 打造通用的Android下拉刷新组件(适用于ListView.GridView等各类View)  http://blog.csdn.net/bboyfeiyu/article/details/39718861 Android打造(ListView.Gr

Android 下拉刷新上啦加载SmartRefreshLayout + RecyclerView

在弄android刷新的时候,可算是耗费了一番功夫,最后发觉有现成的控件,并且非常好用,这里记录一下. 原文是 https://blog.csdn.net/huangxin112/article/details/78781682 ,这里是看了之后,结合自己实际遇到的问题写的. 首先引入包. //下拉框 implementation 'com.android.support:recyclerview-v7:28.0.0-beta01' implementation 'com.scwang.smar

Android第二十三期 - 256k的ListView下拉刷新和滚动加载数据

代码已经

自个儿写Android的下拉刷新/上拉加载控件 （续）

本文算是对之前的一篇博文<自个儿写Android的下拉刷新/上拉加载控件>的续章,如果有兴趣了解更多的朋友可以先看一看之前的这篇博客. 事实上之所以会有之前的那篇博文的出现,是起因于前段时间自己在写一个练手的App时很快就遇到这种需求.其实我们可以发现类似这样下拉刷新.上拉加载的功能正在变得越来越普遍,可以说如今基本上绝大多数的应用里面都会使用到.当然,随着Android的发展,已经有不少现成的可以实现这种需求的"轮子"供我们使用了. 但转过头想一下想,既然本来就是自己练手

Android下拉刷新库，利用viewdraghelper实现，集成了下拉刷新，底部加载更多，数据初始加载显示loading等功能

项目Github地址:https://github.com/sddyljsx/pulltorefresh Android下拉刷新库,利用viewdraghelper实现. 集成了下拉刷新,底部加载更多,以及刚进入加载数据的loadview.包括了listview与gridview的改写. 效果1: 效果2: 效果3: 效果4: 效果5: 使用说明: imageList=(ListView)findViewById(R.id.image_list); imageAdapter=new ImageA

IOS学习之UiTableView下拉刷新与自动加载更多，百年不变的效果

IOS学习之UiTableView下拉刷新与自动加载更多,百年不变的效果(五) 五一劳动节马上来临,小伙伴有妹有很激动哟,首先祝天下所有的程序猿节日快乐!这个五一对于我来说有点不一样,我的人生从这个五一就转弯了,爱情长跑8年的我结婚了,一会支付宝账号我会公布出去,请自觉打款!谢谢合作. 灯光闪起来: 舞蹈跳起来: 歌曲唱起来: -------------------------------------------------------------------------------------

自个儿写Android的下拉刷新/上拉加载控件

前段时间自己写了一个能够"通用"的,支持下拉刷新和上拉加载的自定义控件.可能现如今这已经不新鲜了,但有兴趣的朋友还是可以一起来看看的. 与通常的View配合使用(比如ImageView) 与ListView配合使用 与RecyclerView配合使用 与SrcollView配合使用 局部刷新(但想必这种需要实际应该还是不多的-.) 好啦,效果大概就是这样.如果您看后觉得有一点兴趣.那么,以下是相关的信息: GitHub地址: https://github.com/RawnHwang/S