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

时间：2022-12-22 20:44:34

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

下拉刷新

最新Android 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源码，我们可得知 最新Android ListView 下拉刷新 上滑加载
 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);
}

}
上一下效果图： 最新Android ListView 下拉刷新 上滑加载最新Android ListView 下拉刷新 上滑加载
最新Android ListView 下拉刷新 上滑加载最新Android ListView 下拉刷新 上滑加载

源码地址：点击下载
标签：

相关文章