ListView添加头布局的自定义控件

/**
 * 下拉刷新ListView
 */
public class RefreshListView extends ListView implements OnScrollListener {

   private View mHeaderView;
   private int mHeaderViewHeight;

   private View mFooterView;
   private int mFooterViewHeight;

   private static final int STATE_PULL_TO_REFRESH = 0;//下拉刷新状态
   private static final int STATE_RELEASE_TO_REFRESH = 1;//松开刷新
   private static final int STATE_REFRESHING = 2;//正在刷新

   private int mCurrentState = STATE_PULL_TO_REFRESH;//当前状态,默认下拉刷新

   private TextView tvState;
   private TextView tvTime;
   private ImageView ivArrow;
   private ProgressBar pbLoading;

   private RotateAnimation animUp;
   private RotateAnimation animDown;

   private boolean isLoadMore = false;//标记是否正在加载更多

   public RefreshListView(Context context, AttributeSet attrs, int defStyle) {
      super(context, attrs, defStyle);
      initHeaderView();
      initFooterView();
   }

   public RefreshListView(Context context, AttributeSet attrs) {
      this(context, attrs, -1);
   }

   public RefreshListView(Context context) {
      this(context, null);
   }

   //初始化头布局
   private void initHeaderView() {
      mHeaderView = View.inflate(getContext(),
            R.layout.pull_to_refresh_header, null);

      addHeaderView(mHeaderView);//给ListView添加头布局

      tvState = (TextView) mHeaderView.findViewById(R.id.tv_state);
      tvTime = (TextView) mHeaderView.findViewById(R.id.tv_time);
      ivArrow = (ImageView) mHeaderView.findViewById(R.id.iv_arrow);
      pbLoading = (ProgressBar) mHeaderView.findViewById(R.id.pb_loading);

      //隐藏头布局
      //获取当前头布局高度, 然后设置负paddingTop,布局就会向上走
      //int height = mHeaderView.getHeight();//不能这样拿, 控件没有绘制完成,获取不到宽高
      mHeaderView.measure(0, 0);// 手动测量, 宽高传0表示不参与具体宽高的设定,全由系统决定
      mHeaderViewHeight = mHeaderView.getMeasuredHeight();//获取测量后的高度
      //System.out.println("height:" + mHeaderViewHeight);
      mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);

      initArrowAnim();
      setRefreshTime();
   }

   //初始化脚布局
   private void initFooterView() {
      mFooterView = View.inflate(getContext(),
            R.layout.pull_to_refresh_footer, null);
      addFooterView(mFooterView);

      mFooterView.measure(0, 0);
      mFooterViewHeight = mFooterView.getMeasuredHeight();
      //隐藏脚布局
      mFooterView.setPadding(0, -mFooterViewHeight, 0, 0);

      //设置滑动监听
      setOnScrollListener(this);
   }

   private int startY = -1;

   @Override
   public boolean onTouchEvent(MotionEvent ev) {
      switch (ev.getAction()) {
      case MotionEvent.ACTION_DOWN:
         startY = (int) ev.getY();
         break;
      case MotionEvent.ACTION_MOVE:
         if (startY == -1) {//没有获取到按下的事件(按住头条新闻滑动时,按下事件被ViewPager消费了)
            startY = (int) ev.getY();//重新获取起点位置
         }

         int endY = (int) ev.getY();
         int dy = endY - startY;

         //如果正在刷新, 什么都不做
         if (mCurrentState == STATE_REFRESHING) {
            break;
         }

         int firstVisiblePosition = this.getFirstVisiblePosition();//当前显示的第一个item的位置
         if (dy > 0 && firstVisiblePosition == 0) {
            //下拉动作&当前在ListView的顶部
            int padding = -mHeaderViewHeight + dy;

            if (padding > 0 && mCurrentState != STATE_RELEASE_TO_REFRESH) {
               //切换到松开刷新状态
               mCurrentState = STATE_RELEASE_TO_REFRESH;
               refreshState();
            } else if (padding <= 0
                  && mCurrentState != STATE_PULL_TO_REFRESH) {
               //切换到下拉刷新状态
               mCurrentState = STATE_PULL_TO_REFRESH;
               refreshState();
            }

            //通过修改padding来设置当前刷新控件的最新位置
            mHeaderView.setPadding(0, padding, 0, 0);

            return true;//消费此事件,处理下拉刷新控件的滑动,不需要listview原生效果参与
         }

         break;
      case MotionEvent.ACTION_UP:
         startY = -1;//起始坐标归0

         if (mCurrentState == STATE_RELEASE_TO_REFRESH) {
            //切换成正在刷新
            mCurrentState = STATE_REFRESHING;

            //完整显示刷新控件
            mHeaderView.setPadding(0, 0, 0, 0);

            refreshState();
         } else if (mCurrentState == STATE_PULL_TO_REFRESH) {
            //隐藏刷新控件
            mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);
         }

         break;

      default:
         break;
      }

      return super.onTouchEvent(ev);//要返回super, 方便listView原生滑动处理
   }

   //初始化箭头动画
   private void initArrowAnim() {
      //箭头向上
      animUp = new RotateAnimation(0, -180, Animation.RELATIVE_TO_SELF, 0.5f,
            Animation.RELATIVE_TO_SELF, 0.5f);
      animUp.setDuration(300);
      animUp.setFillAfter(true);//保持住动画结束的状态

      //箭头向下
      animDown = new RotateAnimation(-180, 0, Animation.RELATIVE_TO_SELF,
            0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
      animDown.setDuration(300);
      animDown.setFillAfter(true);//保持住动画结束的状态
   }

   //根据当前状态刷新界面
   private void refreshState() {
      switch (mCurrentState) {
      case STATE_PULL_TO_REFRESH:
         tvState.setText("下拉刷新");
         pbLoading.setVisibility(View.INVISIBLE);
         ivArrow.setVisibility(View.VISIBLE);

         ivArrow.startAnimation(animDown);
         break;
      case STATE_RELEASE_TO_REFRESH:
         tvState.setText("松开刷新");
         pbLoading.setVisibility(View.INVISIBLE);
         ivArrow.setVisibility(View.VISIBLE);

         ivArrow.startAnimation(animUp);
         break;
      case STATE_REFRESHING:
         tvState.setText("正在刷新...");
         pbLoading.setVisibility(View.VISIBLE);

         ivArrow.clearAnimation();//清理动画才能隐藏
         ivArrow.setVisibility(View.INVISIBLE);

         //回调下拉刷新
         if (mListener != null) {
            mListener.onRefresh();
         }
         break;

      default:
         break;
      }
   }

   //刷新结束,隐藏控件
   public void onRefreshComplete() {
      if (!isLoadMore) {
         //隐藏控件
         mHeaderView.setPadding(0, -mHeaderViewHeight, 0, 0);

         //初始化状态
         tvState.setText("下拉刷新");
         pbLoading.setVisibility(View.INVISIBLE);
         ivArrow.setVisibility(View.VISIBLE);
         mCurrentState = STATE_PULL_TO_REFRESH;

         //更新刷新时间
         setRefreshTime();
      } else {
         //隐藏加载更多的控件
         mFooterView.setPadding(0, -mFooterViewHeight, 0, 0);
         isLoadMore = false;
      }
   }

   private OnRefreshListener mListener;

   //设置刷新回调监听
   public void setOnRefreshListener(OnRefreshListener listener) {
      mListener = listener;
   }

   //回调接口,通知刷新状态
   public interface OnRefreshListener {
      //下拉刷新的回调
      public void onRefresh();

      //加载更多的回调
      public void onLoadMore();
   }

   //设置刷新时间
   private void setRefreshTime() {
      //01,02 10; 
      //HH: 24小时制; hh:12小时制
      SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
      String time = format.format(new Date());
      tvTime.setText(time);
   }

   //滑动状态发生变化
   @Override
   public void onScrollStateChanged(AbsListView view, int scrollState) {
      if (scrollState == SCROLL_STATE_IDLE) {//空闲状态
         int lastVisiblePosition = getLastVisiblePosition();//当前显示的最后一个item的位置
         if (lastVisiblePosition == getCount() - 1 && !isLoadMore) {
            System.out.println("到底了...");

            isLoadMore = true;

            //显示加载中布局
            mFooterView.setPadding(0, 0, 0, 0);
            setSelection(getCount() - 1);//显示在最后一个item的位置(展示加载中布局)

            //加载更多数据
            if (mListener != null) {
               mListener.onLoadMore();
            }
         }
      }

}

//布局

?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:orientation="horizontal" >

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="10dp" >

        <ImageView
            android:id="@+id/iv_arrow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:src="@drawable/common_listview_headview_red_arrow" />

        <ProgressBar
            android:id="@+id/pb_loading"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:visibility="invisible"
            android:indeterminateDrawable="@drawable/shape_custom_progress" />
    </FrameLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        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="#f00"
            android:textSize="18sp" />

        <TextView
            android:id="@+id/tv_time"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:text="2016-4-19 17:00"
            android:textColor="#a000"
            android:textSize="16sp" />
    </LinearLayout>

</LinearLayout>
//ProgressBar绘制
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360" >

    <shape
        android:innerRadius="16dp"
        android:shape="ring"
        android:thickness="3dp"
        android:useLevel="false" >
        <gradient
            android:centerColor="#5f00"
            android:endColor="#f00"
            android:startColor="#fff" />
    </shape>

</rotate>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值