Android自定义listview布局实现上拉加载下拉刷新功能_Android

listview实现上拉加载以及下拉刷新的方式有很多。下面是我写的一种自定义的布局,复用性也比较的强。首先就是继承的listview的自定义view。

     AutoListView.Java:

package com.example.mic.testdemo.view;
import android.annotation.TargetApi;
import android.content.Context;
import android.os.Build;
import android.os.Bundle;
import android.util.AttributeSet;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.view.animation.LinearInterpolator;
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 com.example.mic.testdemo.R;
import java.text.SimpleDateFormat;
/**
 * Created by DFLENOVO on 2016/8/3.
 */
public class AutoListView extends ListView implements AbsListView.OnScrollListener {
  public static final String FOOTER = "FOOTER";
  public static final String HEADER = "HEADER";
  private static final int PULL = 1;
  private static final int NONE = 0;
  //  private static final int RELEASE = 2;
  private static final int REFRESHING = 2;
  private static final int SPACE = 20;
  private static final String TAG = "AutoListView";
  private RotateAnimation downAnimation;
  private RotateAnimation upAnimation;
  private Context context;
  private LayoutInflater inflater;
  private View footer;
  private View header;
  private int headerContentInitialHeight;
  private int headerContentHeight;
  private OnRefreshListener onRefreshListener;
  private boolean loadEnable;
  private OnLoadListener onLoadListener;
  private int firstVisibleItem;
  private boolean isLoadingMore = false;
  private int startY;
  private int state;
  private ImageView iv_pull;
  private int footerViewHeight;
  private ProgressBar mProgressBar;
  private TextView tvState;
  private TextView tvLastUpdateTime;
  private boolean isScrollToBottom;
  public AutoListView(Context context) {
    super(context);
    initView(context);
  }
  public AutoListView(Context context, AttributeSet attrs) {
    super(context, attrs);
    initView(context);
  }
  public AutoListView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    initView(context);
  }
  @TargetApi(Build.VERSION_CODES.LOLLIPOP)
  public AutoListView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
    super(context, attrs, defStyleAttr, defStyleRes);
    initView(context);
  }
  private void initView(Context context) {
    initHeaderView();
    initFooterView();
    this.setOnScrollListener(this);
//
  }
  private void initHeaderView() {
    header = View.inflate(getContext(), R.layout.pull_to_refresh_header, null);
    iv_pull = (ImageView) header
        .findViewById(R.id.iv_pull);
    mProgressBar = (ProgressBar) header
        .findViewById(R.id.pb_listview_header);
    tvState = (TextView) header
        .findViewById(R.id.tv_listview_header_state);
    tvLastUpdateTime = (TextView) header
        .findViewById(R.id.tv_listview_header_last_update_time);
    // 设置最后刷新时间
    tvLastUpdateTime.setText("最后刷新时间: " + getLastUpdateTime());
    header.measure(0, 0); // 系统会帮我们测量出headerView的高度
    headerContentHeight = header.getMeasuredHeight();
    header.setPadding(0, -headerContentHeight, 0, 0);
    this.addHeaderView(header,HEADER,true); // 向ListView的顶部添加一个view对象
    initAnimation();
  }
  private void initAnimation() {
    upAnimation = new RotateAnimation(0f, -180f,
        Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
        0.5f);
    upAnimation.setDuration(500);
    upAnimation.setFillAfter(true); // 动画结束后, 停留在结束的位置上
    downAnimation = new RotateAnimation(-180f, -360f,
        Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
        0.5f);
    downAnimation.setDuration(500);
    downAnimation.setFillAfter(true); // 动画结束后, 停留在结束的位置上
  }
  private String getLastUpdateTime() {
    SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
    return sdf.format(System.currentTimeMillis());
  }
  private void initFooterView() {
    footer = View.inflate(getContext(), R.layout.foot_view, null);
    footer.measure(0, 0);
    footerViewHeight = footer.getMeasuredHeight();
    footer.setPadding(0, -footerViewHeight, 0, 0);
    this.addFooterView(footer,FOOTER,true);
  }
  private void measureView(View child) {
    ViewGroup.LayoutParams p = child.getLayoutParams();
    if (p == null) {
      p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
          ViewGroup.LayoutParams.WRAP_CONTENT);
    }
    int childWidthSpec = ViewGroup.getChildMeasureSpec(0, 0 + 0, p.width);
    int lpHeight = p.height;
    int childHeightSpec;
    if (lpHeight > 0) {
      childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight,
          MeasureSpec.EXACTLY);//得到的是size。
    } else {
      childHeightSpec = MeasureSpec.makeMeasureSpec(0,
          MeasureSpec.UNSPECIFIED);//得到的是子布局的实际大小。
    }
    child.measure(childWidthSpec, childHeightSpec);
  }
  private void topPadding(int topPadding) {
    header.setPadding(header.getPaddingLeft(), topPadding,
        header.getPaddingRight(), header.getPaddingBottom());
    header.invalidate();
  }
  @Override
  public void onScrollStateChanged(AbsListView absListView, int i) {
    if (i == SCROLL_STATE_IDLE
        || i == SCROLL_STATE_FLING) {
      // 判断当前是否已经到了底部
      if (isScrollToBottom && !isLoadingMore) {
        isLoadingMore = true;
        // 当前到底部
        Log.i(TAG, "加载更多数据");
        footer.setPadding(0, 0, 0, 0);
        this.setSelection(this.getCount());
        if (onLoadListener != null) {
          onLoadListener.onLoad();
        }
      }
    }
  }
  @Override
  public void onScroll(AbsListView absListView, int i, int i1, int i2) {
    this.firstVisibleItem = i;
    if (getLastVisiblePosition() == (i2 - 1)) {
      isScrollToBottom = true;
    } else {
      isScrollToBottom = false;
    }
  }
  @Override
  public boolean onTouchEvent(MotionEvent ev) {
    switch (ev.getAction()) {
//
      case MotionEvent.ACTION_DOWN:
        startY = (int) ev.getY();
        break;
      case MotionEvent.ACTION_MOVE:
        int moveY = (int) ev.getY();
        // 移动中的y - 按下的y = 间距.
        int diff = (moveY - startY) / 2;
        // -头布局的高度 + 间距 = paddingTop
        int paddingTop = -headerContentHeight + diff;
        // 如果: -头布局的高度 > paddingTop的值 执行super.onTouchEvent(ev);
        if (firstVisibleItem == 0
            && -headerContentHeight < paddingTop) {
          if (paddingTop > 0 && state == NONE) { // 完全显示了.
            Log.i(TAG, "松开刷新");
            state = PULL;
            refreshHeaderViewByState();
          } else if (paddingTop < 0
              && state == PULL) { // 没有显示完全
            Log.i(TAG, "下拉刷新");
            state = NONE;
            refreshHeaderViewByState();
          }
          // 下拉头布局
          header.setPadding(0, paddingTop, 0, 0);
        }
        break;
      case MotionEvent.ACTION_UP:
        // 判断当前的状态是松开刷新还是下拉刷新
        if (state == PULL) {
          Log.i(TAG, "刷新数据.");
          // 把头布局设置为完全显示状态
          header.setPadding(0, 0, 0, 0);
          // 进入到正在刷新中状态
          state = REFRESHING;
          refreshHeaderViewByState();
          if (onRefreshListener != null) {
            onRefreshListener.onRefresh(); // 调用使用者的监听方法
          }
        } else if (state == NONE) {
          // 隐藏头布局
          header.setPadding(0, -headerContentHeight, 0, 0);
        }
        break;
      default:
        break;
    }
    return super.onTouchEvent(ev);
  }
//
  private void refreshHeaderViewByState() {
    switch (state) {
//
      case NONE: // 下拉刷新状态
        tvState.setText("下拉刷新");
        iv_pull.startAnimation(downAnimation); // 执行向下旋转
        break;
      case PULL: // 松开刷新状态
        tvState.setText("松开刷新");
        iv_pull.startAnimation(upAnimation); // 执行向上旋转
        break;
      case REFRESHING: // 正在刷新中状态
        iv_pull.clearAnimation();
        iv_pull.setVisibility(View.GONE);
        mProgressBar.setVisibility(View.VISIBLE);
        tvState.setText("正在刷新中...");
        break;
      default:
        break;
    }
  }
  public void hideHeaderView() {
    header.setPadding(0, -headerContentHeight, 0, 0);
    iv_pull.setVisibility(View.VISIBLE);
    mProgressBar.setVisibility(View.GONE);
    tvState.setText("下拉刷新");
    tvLastUpdateTime.setText("最后刷新时间: " + getLastUpdateTime());
    state = NONE;
  }
  public void hideFooterView() {
    footer.setPadding(0, -footerViewHeight, 0, 0);
    isLoadingMore = false;
  }
  public void setOnRefreshListener(OnRefreshListener onRefreshListener) {
    this.onRefreshListener = onRefreshListener;
  }
  public void setOnLoadListener(OnLoadListener onLoadListener) {
    this.onLoadListener = onLoadListener;
  }
  public void onRefresh() {
    if (onRefreshListener != null) {
      onRefreshListener.onRefresh();
    }
  }
  public void onLoad() {
    if (onLoadListener != null) {
      onLoadListener.onLoad();
    }
  }
  public interface OnRefreshListener {//定义下拉刷新接口
    public void onRefresh();
  }
  public interface OnLoadListener {//定义上拉加载更多
    public void onLoad();
  }
} 

        上面的代码就是实现的关键.下面是头布局以及脚布局:

foot_view.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content">
  <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="加载更多"
    android:textSize="20dp"
    android:padding="10dp"
    android:layout_centerHorizontal="true"/>
</RelativeLayout> 

pull_to_refresh_header.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:orientation="horizontal">
  <FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="10dip" >
    <ImageView
      android:id="@+id/iv_pull"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_gravity="center"
      android:minWidth="30dip"
      android:src="@mipmap/xlistview_arrow" />
    <ProgressBar
      android:id="@+id/pb_listview_header"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_gravity="center"
      android:visibility="gone" />
  </FrameLayout>
  <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center_vertical"
    android:gravity="center_horizontal"
    android:orientation="vertical" >
    <TextView
      android:id="@+id/tv_listview_header_state"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="下拉刷新"
      android:textColor="#FF0000"
      android:textSize="18sp" />
    <TextView
      android:id="@+id/tv_listview_header_last_update_time"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_marginTop="5dip"
      android:text="最后刷新时间: 2014-10-10 12:56:12"
      android:textColor="@android:color/black"
      android:textSize="14sp" />
  </LinearLayout>
</LinearLayout> 

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/activity_main"
  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.mic.testdemo.MainActivity">       <com.example.mic.testdemo.view.AutoListView
        android:id="@+id/lv"
        android:layout_width="match_parent"
       android:layout_height="match_parent">
      </com.example.mic.testdemo.view.AutoListView>
</RelativeLayout> 

      上面所完成的步骤就是在listview上下加载不同的布局,上面也是要复用的代码,下面的代码就是怎么使用的代码了.

MainActivity.java:

public class MainActivity extends AppCompatActivity implements AutoListView.OnLoadListener,AutoListView.OnRefreshListener {
  private TextView textView;
  private String result;
  private AutoListView listView;
  private MyAdater adater;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    listView = (AutoListView) findViewById(R.id.lv);}
listView.setOnRefreshListener(MainActivity.this);
listView.setOnLoadListener(MainActivity.this);
@Override
  public void onLoad() {
  }
  @Override
  public void onRefresh() {} 

下面就是实现,就是在你需要的地方设置监听,以及上面加载以及刷新需要的操作就可以了!

以上所述是小编给大家介绍的Android自定义listview布局实现上拉加载下拉刷新功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索listview下拉刷新
listview上拉加载
listview下拉刷新、listview下拉刷新框架、安卓listview下拉刷新、listview上拉下拉刷新、listview下拉刷新demo,以便于您获取更多的相关知识。

时间: 2024-10-04 20:05:36

Android自定义listview布局实现上拉加载下拉刷新功能_Android的相关文章

Android自定义listview布局实现上拉加载下拉刷新功能

listview实现上拉加载以及下拉刷新的方式有很多.下面是我写的一种自定义的布局,复用性也比较的强.首先就是继承的listview的自定义view. AutoListView.Java: package com.example.mic.testdemo.view; import android.annotation.TargetApi; import android.content.Context; import android.os.Build; import android.os.Bund

Android ListView实现上拉加载下拉刷新和滑动删除功能_Android

最近项目需要用到可以滑动删除并且带有上拉加载下拉刷新的Listview,查阅了一些资料,大多都是在SwipeMenuListView的基础上去添加头部和底部View,来扩展上拉加载和下拉刷新的功能,不过需要手动的去绘制UI及处理一些动画效果.用起来也不是特别方便.刚好项目中用到PulltorefreshLibrary库,就尝试着扩展了一个PullToRefreshSwipeMenuListView类来实现需求.先看一下效果: 实现步骤 一.组合Pulltorefresh与SwipeMenuLis

Android ListView实现上拉加载下拉刷新和滑动删除功能

最近项目需要用到可以滑动删除并且带有上拉加载下拉刷新的Listview,查阅了一些资料,大多都是在SwipeMenuListView的基础上去添加头部和底部View,来扩展上拉加载和下拉刷新的功能,不过需要手动的去绘制UI及处理一些动画效果.用起来也不是特别方便.刚好项目中用到PulltorefreshLibrary库,就尝试着扩展了一个PullToRefreshSwipeMenuListView类来实现需求.先看一下效果: 实现步骤 一.组合Pulltorefresh与SwipeMenuLis

上拉加载下拉刷新控件WaterRefreshLoadMoreView

上拉加载下拉刷新控件WaterRefreshLoadMoreView 效果: 源码: // // SRSlimeView // @author SR // Modified by JunHan on 13-9-18. // #import <UIKit/UIKit.h> #define kStartTo 0.7f #define kEndTo 0.15f #define kAnimationInterval (1.0f / 50.0f) NS_INLINE CGFloat distansBet

上拉记载-上拉加载下拉刷新refresher v2.0

问题描述 上拉加载下拉刷新refresher v2.0 5C 现在支持一个页面多个调用,这句话是什么意思啊,假如我一个页面里有一个大的div,里面有四个小的div,怎么实现让这四个小的div都可以下拉刷新,上拉加载呢× 解决方案 http://www.jq22.com/jquery-info4469 解决方案二: 上拉加载 下拉刷新iOS中tableView的下拉刷新与上拉加载(一)PullToRefreshListView下拉刷新与上拉加载

使用开源库 SVPullToRefresh 实现上拉加载下拉刷新

SVPullToRefresh开源库地址 https://github.com/samvermette/SVPullToRefresh 将整个文件夹SVPullToRefresh拖入工程中并引入头文件即可 注意编译时有一个方法快被弃用了 - (CGSize)sizeWithFont:(UIFont *)font constrainedToSize:(CGSize)size lineBreakMode:(NSLineBreakMode)lineBreakMode   工程源码 RootViewCo

Android基于ListView实现类似Market分页加载效果示例_Android

本文实例讲述了Android基于ListView实现类似Market分页加载效果.分享给大家供大家参考,具体如下: 最近几天研究ListView实现分页加载和滚动加载,发现可以用listView的OnScroll方法来实现,直接上代码 ListViewScroll.java package zy.lucifer.ListViewScroll; import android.app.Activity; import android.os.Bundle; import android.util.Lo

Android基于ListView实现类似Market分页加载效果示例

本文实例讲述了Android基于ListView实现类似Market分页加载效果.分享给大家供大家参考,具体如下: 最近几天研究ListView实现分页加载和滚动加载,发现可以用listView的OnScroll方法来实现,直接上代码 ListViewScroll.java package zy.lucifer.ListViewScroll; import android.app.Activity; import android.os.Bundle; import android.util.Lo

Swift表格tableView上拉加载新数据的功能实现例子

对于表格(tableView)来说,下拉刷新数据.上拉加载数据应该是两个最常用的数据更新操作了.对于前者,我原来写过一篇相关的文章:Swift - 下拉刷新数据的功能实现(使用UIRefreshControl).本次我来讲讲后者的实现. 说是上拉加载数据,其实就是当我们将表格内容滚动到最后一行时,系统就会自动获取新的内容并添加到列表尾部(具体效果可以参考百度贴吧的App).下面我们通过一个小样例来演示上拉加载的实现. 1,样例效果图 (1)当初次进入程序时,先加载前20条数据. (2)当 tab