Android自定义listview布局实现上拉加载下拉刷新功能
发布时间 - 2026-01-10 21:48:37 点击率:次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下拉刷新
# Android ExpandableListView实现下拉刷新和加载更多效果
# Android ListView实现下拉顶部图片变大效果
# android使用SwipeRefreshLayout实现ListView下拉刷新上拉加载
# android使用PullToRefresh框架实现ListView下拉刷新上拉加载更多
# android ListView结合xutils3仿微信实现下拉加载更多
# Android中ListView下拉刷新的实现代码
# Android自定义渐变式炫酷ListView下拉刷新动画
# Android ListView实现上拉加载下拉刷新和滑动删除功能
# Android XListView下拉刷新和上拉加载更多
# Android自定义控件ListView下拉刷新的代码
# 加载
# 自定义
# 的是
# 停留在
# 小编
# 复用
# 结束后
# 就是在
# 在此
# 有很多
# 给大家
# 按下
# 设置为
# 我写
# 所述
# 给我留言
# 感谢大家
# 就可以
# 性也
# 疑问请
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
Laravel如何使用Laravel Vite编译前端_Laravel10以上版本前端静态资源管理【教程】
Android使用GridView实现日历的简单功能
昵图网官方站入口 昵图网素材图库官网入口
Win11怎么关闭资讯和兴趣_Windows11任务栏设置隐藏小组件
如何在 Python 中将列表项按字母顺序编号(a.、b.、c. …)
Python面向对象测试方法_mock解析【教程】
HTML透明颜色代码在Angular里怎么设置_Angular透明颜色使用指南【详解】
iOS UIView常见属性方法小结
android nfc常用标签读取总结
如何有效防御Web建站篡改攻击?
Laravel PHP版本要求一览_Laravel各版本环境要求对照
Laravel如何为API生成Swagger或OpenAPI文档
Midjourney怎样加参数调细节_Midjourney参数调整技巧【指南】
Laravel如何实现API版本控制_Laravel API版本化路由设计策略
Laravel 419 page expired怎么解决_Laravel CSRF令牌过期处理
通义万相免费版怎么用_通义万相免费版使用方法详细指南【教程】
长沙做网站要多少钱,长沙国安网络怎么样?
Laravel如何实现RSS订阅源功能_Laravel动态生成网站XML格式订阅内容【教程】
BootStrap整体框架之基础布局组件
Python结构化数据采集_字段抽取解析【教程】
如何快速搭建FTP站点实现文件共享?
Laravel如何发送系统通知_Laravel Notifications实现多渠道消息通知
Laravel怎么做缓存_Laravel Cache系统提升应用速度的策略与技巧
瓜子二手车官方网站在线入口 瓜子二手车网页版官网通道入口
C语言设计一个闪闪的圣诞树
javascript中闭包概念与用法深入理解
Win11怎么关闭透明效果_Windows11辅助功能视觉效果设置
Laravel怎么定时执行任务_Laravel任务调度器Schedule配置与Cron设置【教程】
如何在腾讯云免费申请建站?
Laravel Sail是什么_基于Docker的Laravel本地开发环境Sail入门
Laravel辅助函数有哪些_Laravel Helpers常用助手函数大全
郑州企业网站制作公司,郑州招聘网站有哪些?
标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的,背景音乐、音效等?
使用spring连接及操作mongodb3.0实例
大连 网站制作,大连天途有线官网?
zabbix利用python脚本发送报警邮件的方法
家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作?
如何在景安云服务器上绑定域名并配置虚拟主机?
ai格式如何转html_将AI设计稿转换为HTML页面流程【页面】
手机怎么制作网站教程步骤,手机怎么做自己的网页链接?
晋江文学城电脑版官网 晋江文学城网页版直接进入
html5audio标签播放结束怎么触发事件_onended回调方法【教程】
Laravel的Blade指令怎么自定义_创建你自己的Laravel Blade Directives
如何正确选择百度移动适配建站域名?
Python进程池调度策略_任务分发说明【指导】
Laravel如何创建自定义中间件?(Middleware代码示例)
怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗?
Python并发异常传播_错误处理解析【教程】
JavaScript如何实现类型判断_typeof和instanceof有什么区别
Laravel如何获取当前用户信息_Laravel Auth门面获取用户ID

