ListView的私人订制

最新推荐文章于 2022-11-24 20:39:42 发布
最新推荐文章于 2022-11-24 20:39:42 发布
阅读量1.6k 收藏 48
点赞数 5
分类专栏： -【编程语言】 ▸Android 文章标签： listview 下拉刷新 上拉加载 listview扩展
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MAGIC_JSS/article/details/52369091
版权

转载请注明出处：http://blog.csdn.net/magic_jss/article/details/52369091；
现在开发中Android RecyclerView可能用的比较多，不过ListView作为常用控件学习它的使用和扩展也是十分重要的。简单封装了一个下拉刷新和上拉加载的ListView，你是否也想有个私人订制的ListView呢？或许这篇文章能够帮到你，如有问题恳请指正！欢迎评论哦！

效果图:
这里写图片描述

由于电脑和模拟器的原因可能不太清晰及略卡顿，真机上则很清晰及流畅。

1、自定义ListView

直接上代码

/**
 * Created by magic on 2016年5月12日.带下拉刷新/上拉加载的listview
 */
public class PullDownRefurbishLoadListView extends ListView implements
		OnScrollListener, OnClickListener {

	/**
	 * head view
	 */
	private View headView;
	/**
	 * head view height
	 */
	private int headViewHeight;
	/**
	 * 是否可以下滑刷新
	 */
	private boolean isPullDownRefurbish = false;
	/**
	 * 文本状态描述
	 */
	private TextView tev_status;
	/**
	 * 进度条
	 */
	private ImageView progressBar;
	/**
	 * foot view
	 */
	private View footView;
	/**
	 * foot view height
	 */
	private int footViewHeight;
	/**
	 * 是否可以上拉加载
	 */
	private boolean isPullHighLoad = false;
	/**
	 * 底部布局
	 */
	LinearLayout layout_listviewFoot;
	/**
	 * 底部文本状态描述
	 */
	private TextView tev_status_foot;
	/**
	 * 进度条
	 */
	ImageView progressBar_foot;
	/**
	 * 按下后的初始Y位置
	 */
	private float beginY = 0;
	/**
	 * 移动的距离
	 */
	private int moveY = 0;
	/**
	 * 正常状态
	 */
	private final static int NONE = 0;
	/**
	 * 下拉/上拉状态
	 */
	private final static int PULL = 1;
	/**
	 * 释放刷新状态
	 */
	private final static int RELEASE = 2;
	/**
	 * 刷新状态
	 */
	private final static int REFURBISH = 3;
	/**
	 * 状态
	 */
	private static int STATUS;
	/**
	 * 是否允许下拉刷新
	 */
	private boolean isRefurbishAble = true;
	/**
	 * 是否允许上拉加载
	 */
	private boolean isLoadAble = true;
	/**
	 * context
	 */
	private Context context;
	/**
	 * 动画
	 */
	private RotateAnimation rotateAnimation, rotateAnimation2;
	/**
	 * 接口
	 */
	private IPullDownRefurbishLoadListView refurbishLoadListView;

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

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

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

	/**
	 * 添加head/foot布局
	 * 
	 * @param context
	 */
	private void init(Context context) {
		headView = LayoutInflater.from(context).inflate(R.layout.listview_head,
				null);
		this.addHeaderView(headView);
		// 设置滑动监听
		this.setOnScrollListener(this);
		headView.measure(ViewGroup.LayoutParams.MATCH_PARENT,
				ViewGroup.LayoutParams.WRAP_CONTENT);
		headViewHeight = headView.getMeasuredHeight();
		// 设置headView 偏移出屏幕
		headView.setPadding(0, -headViewHeight, 0, 0);

		tev_status = (TextView) findViewById(R.id.tev_listviewHead_status);
		progressBar = (ImageView) findViewById(R.id.prb_listviewHead_refurbish);

		footView = LayoutInflater.from(context).inflate(
				R.layout.listview_footer, null);
		this.addFooterView(footView);
		footView.measure(ViewGroup.LayoutParams.MATCH_PARENT,
				ViewGroup.LayoutParams.WRAP_CONTENT);
		footViewHeight = footView.getMeasuredHeight();

		layout_listviewFoot = (LinearLayout) footView
				.findViewById(R.id.layout_listviewFoot);
		tev_status_foot = (TextView) footView
				.findViewById(R.id.tev_listviewFoot_state);
		progressBar_foot = (ImageView) findViewById(R.id.prb_listviewFoot_load);
		tev_status_foot.setOnClickListener(this);
		this.context = context;
	}

	@Override
	public boolean onTouchEvent(MotionEvent ev) {
		switch (ev.getAction()) {
		case MotionEvent.ACTION_DOWN:

			beginY = ev.getY();

			if (STATUS == REFURBISH) {
				// 不消耗事件
				return false;
			}

		case MotionEvent.ACTION_MOVE:

			this.moveY = (int) (ev.getY() - beginY);

			if (isRefurbishAble && isPullDownRefurbish && moveY >= 0) {
				if (moveY > 0) {
					if (moveY > headViewHeight) {
						STATUS = RELEASE;
						if (moveY >= (headViewHeight + dp2px(20, context))) {
							moveY = headViewHeight + dp2px(20, context);
						}
					} else if (moveY > 0 && moveY <= headViewHeight) {
						STATUS = PULL;
					} else {
						STATUS = NONE;
					}
					setRefurbishByStatus((int) moveY);
				}
			}

			if (isLoadAble && isPullHighLoad && moveY < 0) {
				tev_status_foot.setVisibility(View.GONE);
				progressBar_foot.setVisibility(View.VISIBLE);
				if (Math.abs(moveY) > footViewHeight) {
					STATUS = RELEASE;
				} else if (Math.abs(moveY) > 0
						&& Math.abs(moveY) <= footViewHeight) {
					STATUS = PULL;
				} else {
					STATUS = NONE;
				}
			}

			break;

		case MotionEvent.ACTION_UP:
			if (isRefurbishAble && isPullDownRefurbish && moveY >= 0) {
				switch (STATUS) {
				case PULL:
					moveY = 0;
					setRefurbishByStatus(-headViewHeight);
					break;
				case RELEASE:
					STATUS = REFURBISH;
					setRefurbishByStatus((int) moveY);
					if (refurbishLoadListView != null) {
						refurbishLoadListView.refurbish();
					}
					break;

				}
			}

			if (isLoadAble && isPullHighLoad && moveY < 0) {
				switch (STATUS) {
				case PULL:
					moveY = 0;
					STATUS = NONE;
					tev_status_foot.setVisibility(View.VISIBLE);
					progressBar_foot.setVisibility(View.GONE);
					break;
				case RELEASE:
					STATUS = REFURBISH;
					progressBar_foot.clearAnimation();
					if (rotateAnimation2 != null) {
						rotateAnimation2.cancel();
					}
					setAnimationToProgressBarFoot();
					break;
				}
			}
			break;
		}
		return super.onTouchEvent(ev);
	}

	/**
	 * 设置head布局的上内边距
	 * 
	 * @param size
	 */
	private void setHeadPaddingTop(int size) {
		size = size + (-headViewHeight);
		headView.setPadding(0, size, 0, 0);
	}

	/**
	 * 根据状态设置刷新HeadView显示的内容
	 */
	private void setRefurbishByStatus(int moveY) {
		switch (STATUS) {
		case NONE:
			tev_status.setText("下拉刷新");
			progressBar.setImageResource(R.drawable.ic_ptr_pull);
			setHeadPaddingTop(-headViewHeight);
			break;
		case PULL:
			tev_status.setText("下拉刷新");
			progressBar.setImageResource(R.drawable.ic_ptr_pull);
			setHeadPaddingTop(moveY);
			break;
		case RELEASE:
			tev_status.setText("释放刷新");
			progressBar.setImageResource(R.drawable.ic_ptr_release);
			setHeadPaddingTop(moveY);
			break;
		case REFURBISH:
			tev_status.setText("刷新中");
			progressBar.setImageResource(R.drawable.ic_ptr_loading);
			setHeadPaddingTop(headViewHeight);

			if (rotateAnimation == null) {
				rotateAnimation = new RotateAnimation(0.0f, 180.0f,
						Animation.RELATIVE_TO_SELF, 0.5f,
						Animation.RELATIVE_TO_SELF, 0.5f);
				rotateAnimation.setDuration(150);
				rotateAnimation.setRepeatCount(-1);
			}
			progressBar.setAnimation(rotateAnimation);
			rotateAnimation.start();
			break;
		}
	}

	/**
	 * 设置对外公开接口
	 * 
	 * @param pullDownRefurbish
	 */
	public void setIPullDownRefurbish(
			IPullDownRefurbishLoadListView refurbishLoadListView) {
		this.refurbishLoadListView = refurbishLoadListView;
	}

	/**
	 * 刷新完成执行
	 */
	public void setPullDownRefurbishFinish() {
		moveY = 0;
		STATUS = NONE;
		setRefurbishByStatus((int) moveY);
		progressBar.clearAnimation();
		rotateAnimation.cancel();
	}

	/**
	 * 加载完成执行
	 */
	public void setPullDownLoadFinish() {
		moveY = 0;
		STATUS = NONE;
		progressBar_foot.clearAnimation();
		rotateAnimation2.cancel();
		progressBar_foot.setVisibility(View.GONE);
		tev_status_foot.setVisibility(View.VISIBLE);
	}

	/**
	 * 设置是否允许下拉刷新
	 * 
	 * @param isRefurbishAble
	 */
	public void setRefurbishAble(boolean isRefurbishAble) {
		this.isRefurbishAble = isRefurbishAble;
	}

	/**
	 * 设置是否可以上拉加载
	 * 
	 * @param isLoadAble
	 */
	public void setLoadAble(boolean isLoadAble) {
		this.isLoadAble = isLoadAble;
		if (!isLoadAble) {
			layout_listviewFoot.setVisibility(View.GONE);
		}
	}

	@Override
	public void onScroll(AbsListView arg0, int arg1, int arg2, int arg3) {
		// 参数：
		// 查看其滚动状态的视图
		// firstvisibleitem -第一个可见的细胞指数（忽略如果visibleitemcount = = 0）
		// visibleitemcount -可见细胞数
		// totalitemcount -在列表适配器项目数

		// arg1为0时 列表在最顶部
		isPullDownRefurbish = arg1 == 0 ? true : false;
		// arg1为最后一个时arg1==arg3
		isPullHighLoad = (arg1 + arg2) == arg3 ? true : false;
	}

	@Override
	public void onScrollStateChanged(AbsListView arg0, int arg1) {
	}

	/**
	 * dp转px
	 */
	private int dp2px(float value, Context context) {
		final float scale = context.getResources().getDisplayMetrics().densityDpi;
		return (int) (value * (scale / 160) + 0.5f);
	}

	/**
	 * 为progressBar_foot设置动画
	 */
	private void setAnimationToProgressBarFoot() {
		if (rotateAnimation2 == null) {
			rotateAnimation2 = new RotateAnimation(0.0f, 180.0f,
					Animation.RELATIVE_TO_SELF, 0.5f,
					Animation.RELATIVE_TO_SELF, 0.5f);
			rotateAnimation2.setDuration(150);
			rotateAnimation2.setRepeatCount(-1);
		}
		progressBar_foot.setAnimation(rotateAnimation2);
		rotateAnimation2.start();
		if (refurbishLoadListView != null) {
			refurbishLoadListView.load();
		}
	}

	@Override
	public void onClick(View v) {
		// 点击查看更多
		tev_status_foot.setVisibility(View.GONE);
		progressBar_foot.setVisibility(View.VISIBLE);
		setAnimationToProgressBarFoot();
	}

	/**
	 * 接口
	 */
	interface IPullDownRefurbishLoadListView {
		/**
		 * 刷新事件回调
		 */
		void refurbish();

		/**
		 * 加载回调
		 */
		void load();
	}

}

以上代码主要步骤：

  • 初始化的时候添加HeadView、FootView。
  • 继承ListView实现OnScrollListener接口，重写onScroll方法，因为onScroll方法在ListView滑动的时候会一直回调，因此在onScroll方法中判断是否处于ListView的顶部/底部，从而处理下拉刷新/上拉加载的展现时机。
  • 重写onTouchEvent方法，在按下、滑动、抬起的时候动态处理HeadView、FootView的展现。
  • 添加回调接口，设置回调方法。

注释比较清楚，不在赘述。

2、xml文件

主布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <com.magic.test_listviewrefurbish.PullDownRefurbishLoadListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    
</LinearLayout>

layout/listview_head.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="vertical"
        android:paddingBottom="20dp"
        android:paddingTop="20dp" >

        <ImageView
            android:id="@+id/prb_listviewHead_refurbish"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_ptr_pull" />

        <TextView
            android:id="@+id/tev_listviewHead_status"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:text="下拉刷新"
            android:textColor="#afafaf"
            android:textSize="12sp" />
    </LinearLayout>

</LinearLayout>

listview_footer.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:descendantFocusability="blocksDescendants"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/layout_listviewFoot"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="vertical"
        android:paddingBottom="15dp"
        android:paddingTop="15dp" >

        <TextView
            android:id="@+id/tev_listviewFoot_state"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="查看更多"
            android:textColor="@android:color/darker_gray" />

        <ImageView
            android:id="@+id/prb_listviewFoot_load"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_ptr_loading"
            android:visibility="gone" />
    </LinearLayout>

</LinearLayout>
3、Activity中使用
/**
 * Created by magic on 2016年5月12日.带下拉刷新/上拉加载的listview
 */
public class MainActivity extends Activity implements OnItemClickListener {

	PullDownRefurbishLoadListView listView;
	MyAdapter adapter;
	List<String> list = new ArrayList<String>();

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);
		initView();
	}

	private void initView() {
		listView = (PullDownRefurbishLoadListView) findViewById(R.id.listview);
		list.add("a");
		adapter = new MyAdapter(this, list);
		listView.setAdapter(adapter);
		listView.setOnItemClickListener(this);
		//设置是否可以下拉刷新，默认为true
		listView.setRefurbishAble(true);
		//设置是否可以上拉加载，默认为true
		listView.setLoadAble(true);

		listView.setIPullDownRefurbish(new IPullDownRefurbishLoadListView() {

			@Override
			public void refurbish() {
				new Handler().postDelayed(new Runnable() {

					@Override
					public void run() {
						list.add(0, "c");
						adapter.notifyDataSetChanged();
						listView.setPullDownRefurbishFinish();
					}
				}, 2000);
			}

			@Override
			public void load() {
				new Handler().postDelayed(new Runnable() {

					@Override
					public void run() {
						list.add("b");
						adapter.notifyDataSetChanged();
						listView.setPullDownLoadFinish();
					}
				}, 2000);
			}
		});
	}

	@Override
	public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) {
		Toast.makeText(this, "Hello  " + arg2, Toast.LENGTH_SHORT).show();
	}
}

Adapter比较简单就不写了！

整个项目下载地址：http://download.csdn.net/detail/magic_jss/9616947；

END！

MagicPig.
关注
专栏目录
自定义控件FlexibleListView，一个简单的改善就能解放用户在浏览时的有效可视面积
王亟亟的博客
12-18 3210
转载请注明出处：王亟亟的大牛之路昨天写了个有点“小黄暴”的Demo，被各种吐槽屌丝。。上一篇的地址：http://blog.csdn.net/ddwhan0123/article/details/50341987今天继续写一些简单的自定义控件命名为FlexibleListView。（基础还OK的小伙伴可以不看N2部分）先上下效果图：动画效果不明显，其实还是有的只不过被GIF软件给吃了，具体的效果只能
Picasso 详解，完美兼容 OkHttp3.3，缓存优化，支持https
Tamic （大白）
10-18 4152
Tamic 专注移动开发！更多文章请关注http://www.jianshu.com/p/6241950f9daf Picasso加载图片，预加载，picasso支持Https，并完美支持okhttp3.3,
UWP 滚动条私人定制
weixin_30547797的博客
03-18 79
UWP 滚动条私人定制 原文:UWP 滚动条私人定制最近突然发现微软自带的滚动条好挫哦 微软哒（棒棒哒） 网上找的（美美哒） 好了。 如果你想要棒棒哒，那么就不用往下看了（手动再见）。 如果你想要美美哒，就需要下面的神秘代码。 <Style TargetTyp...
ListView的一些使用方式
Harris的博客
08-31 425
直接上代码 main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:orientation="vertical" android:layout_wid
旅游定制服务|基于SSM实现旅游个性化定制网站平台
最新发布
znzbs的博客
11-24 234
系统主要有2个角色，分别是普通用户和管理员。普通用户可以进行登录注册，查看或修改个人信息，检索和浏览旅游产品信息，产品下单，订单详情查看、定制出行、咨询客服等操作，而网页端管理员可以进行用户管理，产品和产品-销售的增删查改，主题管理，订单管理、数据统计等操作。
Android实现时间轴
子墨博客
11-20 5315
昨天群里有讨论时间轴的
自定义控件FlexibleListView，一个简单的改善就能解放用户在浏览时的有效可视面积...
weixin_34095889的博客
12-18 134
转载请注明出处：王亟亟的大牛之路 昨天写了个有点“小黄暴”的Demo，被各种吐槽屌丝。。上一篇的地址：http://blog.csdn.net/ddwhan0123/article/details/50341987 今天继续写一些简单的自定义控件命名为FlexibleListView。（基础还OK的小伙伴可以不看N2部分） 先上...
拖拽之路（四）：自定义QListView实现美观的拖拽样式（拖拽不影响选中）
weixin_43742643的博客
09-05 3509
QListView实现自定义拖拽（拖拽即选中），让你摆脱传统难看的拖拽样式！含效果图。
Android各个版本代号及其特性
一片枫叶的专栏
12-21 2万+
本文主要介绍Android系统各个版本的新特性，不定时更新ing...
Android开发之ListView的简单用法及定制ListView界面操作示例
08-26
Android开发之ListView的简单用法及定制ListView界面操作示例 标题：Android开发之ListView的简单用法及定制ListView界面操作示例 描述：本文主要介绍了Android开发之ListView的简单用法及定制ListView界面操作，...
C# ListView中添加多种自定义控件源码
04-07
在C#编程中，ListView控件是Windows Forms和WPF应用程序中常见的组件，用于显示数据集，通常以列表或网格的形式。本主题将深入探讨如何在C#的ListView中添加和使用各种自定义控件，如CheckBox和ComboBox，以增强用户...
WPF ListView 漂亮样式
07-04
总的来说，WPF ListView 提供了强大的样式和布局定制能力，通过熟练掌握这些技巧，我们可以创建出满足不同需求的美观且功能丰富的用户界面。实践和探索是提升WPF开发技能的关键，希望这个教程能帮助你更好地理解和...
vb ListView 可编辑
09-09
在VB（Visual Basic）编程环境中，ListView控件是一种常用且功能强大的组件，它允许开发者以列表形式展示数据。在默认情况下，ListView...理解并掌握这些核心概念，你就能灵活地定制ListView控件，满足各种复杂的需求。
ListView 的定制开发实例
05-26
ListView的定制开发是Android开发中的重要技能，因为它能够帮助开发者实现更丰富的用户体验和更高效的数据显示。本教程将深入探讨如何对ListView进行自定义，以满足特定的应用需求。 首先，我们来理解ListView的...
Java 常用IO流操作详解
热门推荐
MAGIC
05-22 3万+
IO流大家肯定不陌生，简单整理了一下常用IO流基本用法，其他的IO流以后有时间在整理。 1.基本概念IO：Java对数据的操作是通过流的方式，IO流用来处理设备之间的数据传输，上传文件和下载文件，Java用于操作流的对象都在IO包中。2.IO流的分类图示：（主要IO流） 3.字节流（1）.字节流基类1）.InputStreamInputStream：字节输入流基类，抽象类是表示字节输入流的所有
Java File文件操作
MAGIC
05-21 1万+
Java提供File类，让我们对文件进行操作，简单整理了一下File类的用法。 1.基本概念File：文件和目录路径名的抽象表示形式，代表文件或者文件夹。 2.构造方法 // 根据parent抽象路径名和child路径名字符串创建一个新File实例 File(File parent, String child) // 通过将给定路径名字符串转换为抽象路
Java中的时间日期处理
MAGIC
05-13 1万+
日常开发中对时间或者日期处理肯定层出不穷，简单总结一下Java中时间相关的使用方法。 相关类Date： Date表示特定的瞬间，精确到毫秒，Date中的相应方法已废弃，从JDK 1.1开始，应该使用Calendar类实现日期和时间字段之间转换。 DateFormat： DateFormat是日期/时间格式化子类的抽象类，格式化并解析日期或时间，可以进行日期 -> 文本 ，文本-> 日期的转换
Android ViewPager使用小结
MAGIC
09-28 5529
Viewpager在项目中随处可见，通常用来做引导页、图片轮翻，或结合Fragment搭建Tab+Fragment+ViewPager项目整体框架。简单总结了一下ViewPager的常见使用方式，由于比较简单直接上代码！1、引导页实现引导页一般分为两种，左右滑动引导，上下滑动引导，通过ViewPager轻松实现左右滑动的引导页，并且实现引导点跟随滑动而移动的引导页。 效果图： activity_
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值