自定义ListView下拉刷新上拉加载更多

  • 自定义ListView下拉刷新上拉加载更多
  • 自定义RecyclerView下拉刷新上拉加载更多
Listview现在用的很少了,基本都是使用Recycleview,但是不得不说Listview具有划时代的意义,拓展性很强,我们可以自己添加下拉刷新,上拉加载更多功能 。他和recycleview不同,他生来具有addHeaderView和addFooterView的功能,这也导致同样都是列表控件,实现上拉下拉的方式缺截然不同 。
效果图
自定义ListView下拉刷新上拉加载更多

文章插图
自定义ListView下拉刷新上拉加载更多

文章插图
1、创建刷新控件public class MyListview extends ListView {public MyListview(Context context) {this(context,null);}public MyListview(Context context, AttributeSet attrs) {this(context,attrs,0);}public MyListview(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);init(context);}public void init(Context context) {}1.1、创建头部View头部样式,我写的是最简单的,根据业务需求来定,下拉的时候无非就是几种
  • 产品logo作为箭头转动的icon
  • 添加刷新时间
  • 加入其他具有特色的动效

自定义ListView下拉刷新上拉加载更多

文章插图
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"android:gravity="center"tools:ignore="MissingDefaultResource"><ProgressBarandroid:layout_width="20dp"android:layout_height="match_parent"style="?android:attr/progressBarStyle"android:layout_marginEnd="10dp"android:indeterminateTint="#E8AD56"/><TextViewandroid:id="@+id/header_text"android:layout_width="wrap_content"android:layout_height="50dp"android:text="我是头部"android:gravity="center"android:textColor="#E8AD56"/></LinearLayout>样式写好后,我们需要添加到我们控件中,addHeaderView就起到作用了
public void init(Context context) {//添加头部viewHeader = View.inflate(context, R.layout.view_header, null);viewHeader.measure(0, 0);//让系统自动检测头部高度heightHeader = viewHeader.getMeasuredHeight();header_text = viewHeader.findViewById(R.id.header_text);viewHeader.setPadding(0, -heightHeader, 0, 0);this.addHeaderView(viewHeader);}一些控件我定义成全局的是因为下面会用到 。setPadding可以设置显示位置,左上右下,上为负数就是隐藏在顶部 。我们需要手指下拉去控制他缓慢显示,就用到了OnTouchListener,我们实现OnTouch方法做一些事件的分发处理 。
1.2、下拉事件public class MyListview extends ListView implements View.OnTouchListener{@Overridepublic boolean onTouch(View v, MotionEvent event) {return false;}public void init(Context context){setOnTouchListener(this);}}注意:别忘记了setOnTouchListener在init中添加
这时候我们需要对event的down,move,up事件进行逻辑处理,当手指按在屏幕时会触发事件,一个down事件,0~无数次move事件,一个up事件,这里面着重对move事件做处理,我们记录一下down事件的Y,因为是上下拉动,没必要计算X 。然后diffY就是手指滑动的距离,我们需要处理一下这个值,因为值太大,而且值是整数,会让我们下拉的时候产生错乱,我们本意是让其从-100到0缓慢滑出(比如头部高度是100,从隐藏到显示就是-100到0),小伙伴都可以试试viewHeader.setPadding(0, diffY, 0, 0);和viewHeader.setPadding(0, paddY, 0, 0);效果是不一样的,diff/3是让其有种阻尼的感觉,不然的话会很块就被拉出来了 。还有事件消费的话一定要return true 。

经验总结扩展阅读