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.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布局实现上拉加载下拉刷新功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

时间: 2024-10-23 23:51:59

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

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

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