自定义继承ListView控件实现下拉刷新底部加载的实现

最新推荐文章于 2017-08-05 17:42:07 发布
最新推荐文章于 2017-08-05 17:42:07 发布
阅读量430 收藏
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dzh_19950513/article/details/51458641
版权

实现的功能：自定义控件实现顶部下拉刷新，底部加载更多的功能。

实现的过程：首先自定义一个控件RefreshListView让其自定义ListView，然后分别创建RefreshListView的头部布局和尾部布局(即下拉刷新和上拉加载时显示的布局),然后分别将两个布局添加到RefreshListView控件中，然后所要做的事就是在代码中设置什么时候隐藏这两个控件什么时候显示控件，最后模拟下拉刷新上拉加载 动态的向RefreshListView添加数据。


首先自定义控件，在自定义控件中实现两个构造方法和初始化UI的方法，

public class RefreshListView extends ListView implements AbsListView.OnScrollListener {
<pre name="code" class="java"> /**
     * xml布局中创建调用这个构造方法
     *
     * @param context
     * @param attrs
     */
    public RefreshListView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    /***
     * java代码中创建调用这个构造方法
     *
     * @param context
     */
    public RefreshListView(Context context) {
        super(context);
        init();
    }

<pre name="code" class="java"> private void init() {
        //滑动监听事件
       setOnScrollListener(this);
        initHeaderView();//初始化头布局
        initRotateAnimation();//添加动画效果
        initFooterView();//初始化尾布局
    }
}

 

 然后创建三个XML文件，首先主界面布局： 

 

 

<span style="font-size:14px;"><?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="match_parent"
    >

    <com.example.administrator.demo_34.View.RefreshListView
        android:id="@+id/refreshListView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </com.example.administrator.demo_34.View.RefreshListView>

</RelativeLayout>
</span>
 
然后分别是头部和尾部的布局 
。 

 

 

<?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="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="horizontal">

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="10dp">

        <ImageView
            android:id="@+id/iv_arrow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:background="@drawable/indicator_arrow"/>

        <ProgressBar
            android:id="@+id/pb_rotate"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_centerInParent="true"
            android:indeterminateDrawable="@drawable/indeterminate_drawable"
            android:indeterminateDuration="1000"
            android:visibility="invisible"
            />

    </RelativeLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="15dp"
        android:layout_marginTop="10dp"
        android:gravity="center"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tv_state"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="下拉刷新"
            android:textColor="#aa000000"
            android:textSize="20sp"/>

        <TextView
            android:id="@+id/tv_time"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="最后刷新："
            android:textColor="@android:color/darker_gray"
            android:textSize="14sp"/>
    </LinearLayout>
</LinearLayout>
 

<?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="wrap_content"
    android:gravity="center"
    android:orientation="horizontal" >

    <ProgressBar
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        android:indeterminate="true"
        android:indeterminateDrawable="@drawable/indeterminate_drawable"
        android:indeterminateDuration="1000" />

    <TextView android:layout_width="wrap_content"
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        android:layout_height="wrap_content"
        android:textColor="#aa000000"
        android:layout_marginLeft="15dp"
        android:textSize="20sp"
        android:text="加载更多..."/>
</LinearLayout>
 

 
首先进入主界面，模拟出一些数据放在界面中，然后分别添加头部空间和尾部空间并隐藏，然后根据手指滑动进行相应的操作，上拉刷新这里有三个状态，分别是:"下拉刷新"，"松开刷新","正在刷新"，根据滑动的距离分别显示三种状态，当"正在刷新"状态完毕之后添加数据，添加和隐藏头部,尾部控件的代码。 

 

 

  /**
     * 初始化下拉加载更多
     */
    private void initFooterView() {
        mFooterView = View.inflate(getContext(), R.layout.layout_footer, null);
        //通知系统去测量该空间，然后就可以获取该空间的宽高
        mFooterView.measure(0, 0);
        mFooterViewHeight = mFooterView.getHeight();
        //设置隐藏
        mFooterView.setPadding(0, -mFooterViewHeight, 0, 0);
        //添加至尾部
        addFooterView(mFooterView);
    }

    /**
     * 初始化HeaderView
     */
    private void initHeaderView() {
        mHeaderView = View.inflate(getContext(), R.layout.layout_header, null);
        ivArrow = (ImageView) mHeaderView.findViewById(R.id.iv_arrow);
        pbRotate = (ProgressBar) mHeaderView.findViewById(R.id.pb_rotate);
        tvState = (TextView) mHeaderView.findViewById(R.id.tv_state);
        tvTime = (TextView) mHeaderView.findViewById(R.id.tv_time);
        //通知系统去测量该空间，然后就可以获取该空间的宽高
        mHeaderView.measure(0, 0);
        //获取控件的高度
        mHeaderViewHeight = mHeaderView.getMeasuredHeight();
        //设置隐藏
        mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);
        addHeaderView(mHeaderView);
    }
 
实现上述功能之后，主界面就有了头部和尾部的空间，只不过被设置成了不可见，即把控件的位置移出了屏幕，然后监听手指按下的事件，根据手指上滑 
还是下滑，如果上滑到一定距离则进行刷新数据，如果下滑若到了底部则进行加载数据。 

 

 

  private int downY;  //手机按下Y的坐标
    private final int PULL_REFRESH = 0;//下拉刷新的状态
    private final int RELEASE_REFRESH = 1;//松开刷新的状态
    private final int REFRESHING = 2;//正在刷新的状态
    private int currentState = PULL_REFRESH;//当前的状态
<pre name="code" class="java">    private boolean isLoadingMore = false;//当前是否正在处于加载更多
    <pre name="code" class="java">/**
     * 监听手指按下
     *
     * @param ev
     * @return
     */
    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            //手指按下
            case MotionEvent.ACTION_DOWN:
                downY = (int) ev.getY();
                break;
            //手指移动
            case MotionEvent.ACTION_MOVE:
                if (currentState == REFRESHING) {
                    break;
                }
                int deltaY = (int) (ev.getY() - downY);
                int paddingTop = -mHeaderViewHeight + deltaY;
                if (paddingTop > -mHeaderViewHeight && getFirstVisiblePosition() == 0) {
                    mHeaderView.setPadding(0, paddingTop, 0, 0);
                    if (paddingTop >= 0 && currentState == PULL_REFRESH) {
                        //从下拉刷新进入松开刷新状态
                        currentState = RELEASE_REFRESH;
                        refreshHeaderView();
                    } else if (paddingTop < 0 && currentState == RELEASE_REFRESH) {
                        //进入下拉刷新状态
                        currentState = PULL_REFRESH;
                        refreshHeaderView();
                    }
                    return true;//拦截TouchMove，不让listview处理该次move事件,会造成listview无法滑动
                }
                break;
            //手指离开
            case MotionEvent.ACTION_UP:
                if (currentState == PULL_REFRESH) {
                    mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);
                } else if (currentState == RELEASE_REFRESH) {
                    mHeaderView.setPadding(0, 0, 0, 0);
                    currentState = REFRESHING;
                    refreshHeaderView();
                    if (mListener != null) {
                        mListener.onPullRefresh();
                    }
                }
                break;
        }
        return super.onTouchEvent(ev);
    }

    /**
     * 根据currentState来更新headerView
     */
    private void refreshHeaderView() {
        switch (currentState) {
            case PULL_REFRESH:
                //下拉刷新状态
                tvState.setText("下拉刷新");
                ivArrow.startAnimation(downAnimation);
                break;
            case RELEASE_REFRESH:
                //松开刷新状态
                tvState.setText("松开刷新");
                ivArrow.startAnimation(upAnimation);
                break;
            case REFRESHING:
                //正在刷新状态
                tvState.setText("正在刷新...");
                ivArrow.clearAnimation();//因为向上的旋转动画有可能没有执行完
                ivArrow.setVisibility(INVISIBLE);
                pbRotate.setVisibility(VISIBLE);

                break;

        }
<pre name="code" class="java">    /**
     * SCROLL_STATE_IDLE:闲置状态，就是手指松开
     * SCROLL_STATE_TOUCH_SCROLL：手指触摸滑动，就是按着来滑动
     * SCROLL_STATE_FLING：快速滑动后松开
     */
    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {
        if (scrollState == SCROLL_STATE_IDLE && getLastVisiblePosition() == (getCount() - 1)
                && !isLoadingMore) {
            isLoadingMore = true;
            mFooterView.setPadding(0, 0, 0, 0);
            setSelection(getCount());//让listview最后一条显示出来
            if (mListener != null) {
                mListener.onLoadMore();
            }
        }
    }
 

 

 

 

 

 

 

 为头布局增加动画 

 

 

<span style="font-size:14px;">private RotateAnimation upAnimation, downAnimation;//定义两个动画
</span><pre name="code" class="java"><span style="font-size:14px;"> /**
     * 初始化旋转动画
     */
    private void initRotateAnimation() {
        upAnimation = new RotateAnimation(0, -180,
                RotateAnimation.RELATIVE_TO_SELF, 0.5f,
                RotateAnimation.RELATIVE_TO_SELF, 0.5f);
        upAnimation.setDuration(300);
        upAnimation.setFillAfter(true);
        downAnimation = new RotateAnimation(-180, -360,
                RotateAnimation.RELATIVE_TO_SELF, 0.5f,
                RotateAnimation.RELATIVE_TO_SELF, 0.5f);
        downAnimation.setDuration(300);
        downAnimation.setFillAfter(true);
    }</span>
 

 

 

 

 然后在该空间中创建一个借口，让其在主界面中进行刷新和加载时调用，在主界面进行调用时要在自定义RefreshListView中进行刷新当前的控件状态，即对头部空间和尾部空间进行隐藏。 

 

 

<span style="font-size:14px;">/**
     * 获取当前系统时间，并格式化
     *
     * @return
     */
    private String getCurrentTime() {
        SimpleDateFormat format = new SimpleDateFormat("yy-MM-dd HH:mm:ss");
        return format.format(new Date());
    }

    public OnRefreshListener mListener;

    public void setOnRefreshLisetener(OnRefreshListener listener) {
        this.mListener = listener;
    }

    public interface OnRefreshListener {
        void onPullRefresh();
        void onLoadMore();
    }

这是主界面的代码：
</span><pre name="code" class="java">  mRefreshListView.setOnRefreshLisetener(new RefreshListView.OnRefreshListener() {
            @Override
            public void onPullRefresh() {
                requestDataFromServer(false);
            }

            @Override
            public void onLoadMore() {
                requestDataFromServer(true);
            }
        });
    }

    /**
     * 模拟向服务器请求数据
     */
    private void requestDataFromServer(final boolean isLoadMore) {
        new Thread() {
            public void run() {
                SystemClock.sleep(3000);//模拟请求服务器的一个时间长度
                if (isLoadMore){
                    list.add("加载更多的数据-1");
                    list.add("加载更多的数据-2");
                    list.add("加载更多的数据-3");
                }else {
                    list.add(0, "下拉刷新的数据");
                }
                //在UI线程更新UI
                mHandler.sendEmptyMessage(0);
            }

            ;
        }.start();
 

 

  private Handler mHandler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            mAdapter.notifyDataSetChanged();
            mRefreshListView.completeRefresh();
        }
    };
 

 

 

 

 
添加了数据之后在RefreshListView中进行刷新当前的控件状态， 

 

 

 <span style="font-size:14px;">/**
     * 完成刷新操作，重置状态,在你获取完数据并更新完adater之后，去在UI线程中调用该方法
     */
    public void completeRefresh() {
        if (isLoadingMore) {
            //重置footerView状态
            mFooterView.setPadding(0, -mFooterViewHeight, 0, 0);
            isLoadingMore = false;
        } else {
            //重置headerView状态
            mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);
            currentState = PULL_REFRESH;
            tvState.setText("下拉刷新");
            ivArrow.setVisibility(VISIBLE);
            pbRotate.setVisibility(INVISIBLE);
            tvTime.setText("最后刷新:" + getCurrentTime());
        }
    }</span>
 

  
demo代码下载地址：http://pan.baidu.com/s/1eROWzbs 密码：ssxg 

 


 

                

        

        

    

  


    

      

        

            

              
                
                  dzh_19950513
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
继承ListView的下拉刷新控件

				
			

			

				

					03-31
				

			

		

		

			
				
bin目录下安转demo，看效果

			
		

	



                

            
              



	

		

			

				
					
listview底部加载，自定义ProgressBar

				
			

			

				

					08-25
				

			

		

		

			
				
android控件运用，listview的底部监听方法

			
		

	



              


  
              

                


	

		

			

				
					
VB为Listview控件添加自定义可编辑列功能

				
			

			

				

					06-29
				

			

		

		

			
				
VB为Listview控件添加自定义可编辑列功能，希望对大家有帮助哟

			
		

	





	

		

			

				
					
Android自定义View的实现方法，带你一步步深入了解View(四)

					
热门推荐

				
			

			

				

					郭霖的专栏
				

				

					01-23
					
					18万+
					
				

			

		

		

			
				
不知不觉中，带你一步步深入了解View系列的文章已经写到第四篇了，回顾一下，我们一共学习了LayoutInflater的原理分析、视图的绘制流程、视图的状态及重绘等知识，算是把View中很多重要的知识点都涉及到了。如果你还没有看过我前面的几篇文章，建议先去阅读一下，多了解一些原理方面的东西。
之前我有承诺过，会在View这个话题上多写几篇博客，讲一讲View的工作原理，以及自定义View的方法。现在前半部分的承诺已经如约兑现了，那么今天我就要来兑现后面部分的承诺，讲一讲自定义View的实现方法，同时这也是带

			
		

	



		

			
		



	

		

			

				
					
【Android基础】listview控件的使用(2)-------继承自ListActivity的普通listview

				
			

			

				

					赵凯强
				

				

					02-20
					
					4222
					
				

			

		

		

			
				
由于listview在android控件中的重要性，所以android为我们直接封装了一个类ListviewActivity，直接将listview封装在了activity之中，在本篇中，我将介绍在ListviewActivity中如何使用listview
先上效果图：




布局代码activity_two.xml
<LinearLayout xmlns:android="htt

			
		

	





	

		

			

				
					
android控件应用 自定义的ListView控件，下拉刷新上拉加载更多

				
			

			

				

					11-12
				

			

		

		

			
				
综上所述，自定义的ListView控件结合下拉刷新和上拉加载更多功能，可以创建出强大的数据展示组件。在实际项目中，开发者可以根据需求调整这些功能，实现更丰富的交互体验。PullDownDemo可能是一个完整的示例项目，...

			
		

	





	

		

			

				
					
Android UI自定义ListView实现下拉刷新和加载更多效果

				
			

			

				

					01-20
				

			

		

		

			
				
总之，自定义ListView实现下拉刷新和加载更多功能是Android开发中的常见需求。通过监听滚动事件、更新视图状态以及提供合适的回调机制，我们可以为用户提供更加便捷的操作体验。这个自定义的PullToRefreshListView...

			
		

	





	

		

			

				
					
android自定义ListView控件实现下拉刷新、分页加载、item点击

				
			

			

				

					09-27
				

			

		

		

			
				
总结来说，通过集成SwipeRefreshLayout实现下拉刷新，使用EndlessScrollListener处理分页加载，以及设置OnItemClickListener处理Item点击事件，我们可以让ListView具备更丰富的交互功能。这些功能的实现不仅提升了...

			
		

	





	

		

			

				
					
Android自定义控件开发实战之实现ListView下拉刷新实例代码

				
			

			

				

					09-02
				

			

		

		

			
				
总之，实现Android ListView的下拉刷新功能涉及到自定义控件设计、视图动画以及与ListView的事件交互。通过上述步骤，我们可以创建一个具备下拉刷新功能的ListView，提供更加友好的用户体验。在实际项目中，还可以...

			
		

	





	

		

			

				
					
下拉刷新：继承listView控件

				
			

			

				

					weixin_30868855的博客
				

				

					08-29
					
					74
					
				

			

		

		

			
				
1、首先初始化的时候给控件监听OnScrollListener，其中onScroll的参数里得到第一个显示的条目，当第一个条目为0的时候就可以执行下啦刷新了。第二覆写的方法是
onScrollStateChanged就是滑动状态的监听，3种状态都是常量：快速滑动，触摸移动，闲置状态，当为第二种时候调用getlastVisiableposition()得到显示的最后一个条目，当为总条目的个数-1时...

			
		

	





	

		

			

				
					
java.lang.ClassCastException: android.widget.ListView 替换控件出错  如自定义mlistview继承listview

				
			

			

				

					善雪博客
				

				

					03-29
					
					1049
					
				

			

		

		

			
				
自定义空间出错
错误信息 java.lang.ClassCastException: android.widget.ListView cannot be cast to com.example.main_viewpage_view.mlistview
原因细节问题 忘了将布局里的空间改名listview改为com.example.main_viewpage_view.mlistview（mli

			
		

	





	

		

			

				
					
解决项目中不同进程中使用SharedPreferences存取数据不同步的问题

				
			

			

				

					dzh_19950513的博客
				

				

					08-22
					
					3577
					
				

			

		

		

			
				
最近项目中有需求需要获取广播中字符，然后工具类中使用，供其他方法调用，但是在广播中每次获取到数据之后使用SharedPreferences存储起来，然后在其他工具类中去取数据的时候都只有第一次的值，后面不管怎么存储的时候怎么改变值，工具类中取值都不会再改变。
这个时候去百度，发现有挺多方法，都去试了一下，大部分不行(因为我是做框架层的，可能应用层可行)，其中这些方法包括了：改变SharedPre

			
		

	





	

		

			

				
					
InfiniteCycleViewPage的点击事件

				
			

			

				

					dzh_19950513的博客
				

				

					08-05
					
					1233
					
				

			

		

		

			
				
最近在项目中有使用到GitHub超过4K个star的一个关于ViewPager的无限滑动的开源库，该库的主要效果如下所示：


使用这个库之后UI效果是达到了，但是这Fragment没有点击事件，在Issues上面也有使用者询问了setOnClickListener事件，库主人也没有作出回答，网上搜索也没有相关资料，所以我用了一种非常规办法进行了点击事件，下面贴出代码希望帮忙以后使用此库的兄

			
		

	





	

		

			

				
					
腾讯管家之小火箭的实现

				
			

			

				

					dzh_19950513的博客
				

				

					05-02
					
					816
					
				

			

		

		

			
				
腾讯管家之小火箭的实现：

腾讯管家在桌面任何时候都有一个小火箭提供给用户进行清理垃圾，这个小火箭只是一个悬浮窗，需要用到WindowManager系统服务，这个接口可以添加view到屏幕，也可以从屏幕删除view。它面向的对象一端是屏幕，另一端就是View。今天就是用WindowManager实现小火箭飞天案列。


腾讯管家的小火箭显示在桌面上，那是一个服务进程，首先创建一个服务，在

			
		

	





	

		

			

				
					
手机安全卫士第十天(总结篇)

				
			

			

				

					dzh_19950513的博客
				

				

					05-16
					
					812
					
				

			

		

		

			
				
手机安全卫士第十天实现的功能：
手机程序锁功能。


程序锁的原理：首先创建一个数据库，刚开始所有的程序都不在数据库里面，及查询到的数据都是未加锁应用，用户可以点击加锁按钮进应用进行加锁，点击之后该应用添加到数据库中。


界面实现：首先创建一个应用锁界面，界面包括了两个Fragment，点击文字"已加锁"跳转到已加锁Fragment界面，点击"未加锁"跳转到未加锁Fragment界

			
		

	





	

		

			

				
					
使用自定义控件和ListView实现快速索引功能

				
			

			

				

					dzh_19950513的博客
				

				

					06-16
					
					712
					
				

			

		

		

			
				
实现的功能：主界面分为右侧的自定义控件，中间为一个ListView，如下图：


   点击主界面右侧的A-Z字符，快递定位到ListView的item中汉字以该字母开头的数据。
使用到第三方jar包，使用该jar包的由字符串得到拼音的功能。

    实现的过程：
                           1.创建自定义控件然后实现主界面右侧A-Z的绘画

    

			
		

	





	

		

			

				
					
Android自定义ListView下拉刷新实现及原理解析

				
			

			

				

					
				

			

		

		

			
				
在这个自定义控件中，`RefreshLayout`继承自`LinearLayout`，并包含了用于下拉刷新的各种组件，如`Scroller`用于实现平滑滚动动画，`refreshView`是整个刷新区域，`refreshIndicatorView`是显示刷新状态的视图（如...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值