自定义ListView刷新，上拉加载

其他 2018-12-04 11:30:16 阅读次数: 0

XListView

public class XListView extends ListView implements OnScrollListener {

   private float mLastY = -1; // save event y
   private Scroller mScroller; // 用于回滚
   private OnScrollListener mScrollListener; // 回滚监听

   // 触发刷新和加载更多接口.
   private IXListViewListener mListViewListener;

   // -- 头部的View
   private XListViewHeader mHeaderView;
   // 查看头部的内容，用它计算头部高度，和隐藏它
   // 当禁用的时候刷新
   private RelativeLayout mHeaderViewContent;
   private TextView mHeaderTimeView;
   private int mHeaderViewHeight; // 头部View的高
   private boolean mEnablePullRefresh = true;
   private boolean mPullRefreshing = false; // 是否刷新.

   // -- 底部的View
   private XListViewFooter mFooterView;
   private boolean mEnablePullLoad;
   private boolean mPullLoading;
   private boolean mIsFooterReady = false;

   // 总列表项，用于检测列表视图的底部
   private int mTotalItemCount;

   // for mScroller, 滚动页眉或者页脚
   private int mScrollBack;
   private final static int SCROLLBACK_HEADER = 0;// 顶部
   private final static int SCROLLBACK_FOOTER = 1;// 下部

   private final static int SCROLL_DURATION = 400; // 滚动回时间
   private final static int PULL_LOAD_MORE_DELTA = 50; // 当大于50PX的时候，加载更多

   private final static float OFFSET_RADIO = 1.8f; // support iOS like pull
   // feature.

   /**
    * @param context
    */
   public XListView(Context context) {
      super(context);
      initWithContext(context);
   }

   public XListView(Context context, AttributeSet attrs) {
      super(context, attrs);
      initWithContext(context);
   }

   public XListView(Context context, AttributeSet attrs, int defStyle) {
      super(context, attrs, defStyle);
      initWithContext(context);
   }

   private void initWithContext(Context context) {
      mScroller = new Scroller(context, new DecelerateInterpolator());
      // XListView need the scroll event, and it will dispatch the event to
      // user's listener (as a proxy).
      super.setOnScrollListener(this);

      // 初始化头部View
      mHeaderView = new XListViewHeader(context);
      mHeaderViewContent = (RelativeLayout) mHeaderView
            .findViewById(R.id.xlistview_header_content);
      mHeaderTimeView = (TextView) mHeaderView
            .findViewById(R.id.xlistview_header_time);
      addHeaderView(mHeaderView);// 把头部这个视图添加进去

      // 初始化底部的View
      mFooterView = new XListViewFooter(context);

      // 初始化头部高度
      mHeaderView.getViewTreeObserver().addOnGlobalLayoutListener(
            new OnGlobalLayoutListener() {
               @Override
               public void onGlobalLayout() {
                  mHeaderViewHeight = mHeaderViewContent.getHeight();
                  getViewTreeObserver()
                        .removeGlobalOnLayoutListener(this);
               }
            });
   }



   /**
    * 启用或禁用加载更多的功能.
    *
    * @param enable
    */
   public void setPullLoadEnable(boolean enable) {
      mEnablePullLoad = enable;
      if (!mEnablePullLoad) {
         mFooterView.hide();// 隐藏
         mFooterView.setOnClickListener(null);
      } else {
         mPullLoading = false;
         mFooterView.hide();// 显示
         mFooterView.setState(XListViewFooter.STATE_NORMAL);
         // both "上拉" 和 "点击" 将调用加载更多.
         mFooterView.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
               startLoadMore();
            }
         });
      }
   }

   /**
    * 停止刷新, 重置头视图.
    */
   public void stopRefresh() {
      if (mPullRefreshing == true) {
         mPullRefreshing = false;
         resetHeaderHeight();
      }
   }

   /**
    * stop load more, reset footer view.
    */
   public void stopLoadMore() {
      if (mPullLoading == true) {
         mPullLoading = false;
         mFooterView.setState(XListViewFooter.STATE_NORMAL);
      }
   }

   /**
    * 設置最後一次刷新時間
    *
    * @param time
    */
   public void setRefreshTime(String time) {
      mHeaderTimeView.setText(time);
   }

   private void invokeOnScrolling() {
      if (mScrollListener instanceof OnXScrollListener) {
         OnXScrollListener l = (OnXScrollListener) mScrollListener;
         l.onXScrolling(this);
      }
   }

   private void updateHeaderHeight(float delta) {
      mHeaderView.setVisiableHeight((int) delta
            + mHeaderView.getVisiableHeight());
      if (mEnablePullRefresh && !mPullRefreshing) { // 未处于刷新状态，更新箭头
         if (mHeaderView.getVisiableHeight() > mHeaderViewHeight) {
            mHeaderView.setState(XListViewHeader.STATE_READY);
         } else {
            mHeaderView.setState(XListViewHeader.STATE_NORMAL);
         }
      }
      setSelection(0); // scroll to top each time
   }

   /**
    * 重置头视图的高度
    */
   private void resetHeaderHeight() {
      int height = mHeaderView.getVisiableHeight();
      if (height == 0) // 不显示.
         return;
      // 不显示刷新和标题的时候，什么都不显示
      if (mPullRefreshing && height <= mHeaderViewHeight) {
         return;
      }
      int finalHeight = 0; // 默认：滚动回头.
      // 当滚动回显示所有头标题时候，刷新
      if (mPullRefreshing && height > mHeaderViewHeight) {
         finalHeight = mHeaderViewHeight;
      }
      mScrollBack = SCROLLBACK_HEADER;
      mScroller.startScroll(0, height, 0, finalHeight - height,
            SCROLL_DURATION);
      // 触发刷新
      invalidate();
   }

   // 改变底部视图高度
   private void updateFooterHeight(float delta) {
      int height = mFooterView.getBottomMargin() + (int) delta;
      if (mEnablePullLoad && !mPullLoading) {
         if (height > PULL_LOAD_MORE_DELTA) { // 高度足以调用加载更多
            mFooterView.setState(XListViewFooter.STATE_READY);
         } else {
            mFooterView.setState(XListViewFooter.STATE_NORMAL);
         }
      }
      mFooterView.setBottomMargin(height);

      // setSelection(mTotalItemCount - 1); // scroll to bottom
   }

   private void resetFooterHeight() {
      int bottomMargin = mFooterView.getBottomMargin();
      if (bottomMargin > 0) {
         mScrollBack = SCROLLBACK_FOOTER;
         mScroller.startScroll(0, bottomMargin, 0, -bottomMargin,
               SCROLL_DURATION);
         invalidate();
      }
   }

   // 开始加载更多
   private void startLoadMore() {
      mPullLoading = true;
      mFooterView.setState(XListViewFooter.STATE_LOADING);
      if (mListViewListener != null) {
         mListViewListener.onLoadMore();
      }
   }

   // 触发事件
   @Override
   public boolean onTouchEvent(MotionEvent ev) {
      if (mLastY == -1) {
         mLastY = ev.getRawY();
      }

      switch (ev.getAction()) {
         case MotionEvent.ACTION_DOWN:
            mLastY = ev.getRawY();
            break;
         case MotionEvent.ACTION_MOVE:
            final float deltaY = ev.getRawY() - mLastY;
            mLastY = ev.getRawY();
//       System.out.println("数据监测：" + getFirstVisiblePosition() + "---->"
//             + getLastVisiblePosition());
            if (getFirstVisiblePosition() == 0
                  && (mHeaderView.getVisiableHeight() > 0 || deltaY > 0)) {
               // 第一项显示,标题显示或拉下来.
               updateHeaderHeight(deltaY / OFFSET_RADIO);
               invokeOnScrolling();
            } else if (getLastVisiblePosition() == mTotalItemCount - 1
                  && (mFooterView.getBottomMargin() > 0 || deltaY < 0)) {
               // 最后一页，已停止或者想拉起
               updateFooterHeight(-deltaY / OFFSET_RADIO);
            }
            break;
         default:
            mLastY = -1; // 重置
            if (getFirstVisiblePosition() == 0) {
               // 调用刷新,如果头部视图高度大于设定高度。
               if (mEnablePullRefresh
                     && mHeaderView.getVisiableHeight() > mHeaderViewHeight) {
                  mPullRefreshing = true;// 那么刷新
                  mHeaderView.setState(XListViewHeader.STATE_REFRESHING);
                  if (mListViewListener != null) {
                     mListViewListener.onRefresh();
                  }
               }
               resetHeaderHeight();// 刷新完毕，重置头部高度，也就是返回上不
            }
            if (getLastVisiblePosition() == mTotalItemCount - 1) {
               // 调用加载更多.
               if (mEnablePullLoad
                     && mFooterView.getBottomMargin() > PULL_LOAD_MORE_DELTA) {
                  startLoadMore();// 如果底部视图高度大于可以加载高度，那么就开始加载
               }
               resetFooterHeight();// 重置加载更多视图高度
            }
            break;
      }
      return super.onTouchEvent(ev);
   }

   @Override
   public void computeScroll() {
      if (mScroller.computeScrollOffset()) {
         if (mScrollBack == SCROLLBACK_HEADER) {
            mHeaderView.setVisiableHeight(mScroller.getCurrY());
         } else {
            mFooterView.setBottomMargin(mScroller.getCurrY());
         }
         postInvalidate();
         invokeOnScrolling();
      }
      super.computeScroll();
   }

   @Override
   public void setOnScrollListener(OnScrollListener l) {
      mScrollListener = l;
   }

   @Override
   public void onScrollStateChanged(AbsListView view, int scrollState) {
      if (mScrollListener != null) {
         mScrollListener.onScrollStateChanged(view, scrollState);
      }
   }

   @Override
   public void onScroll(AbsListView view, int firstVisibleItem,
                         int visibleItemCount, int totalItemCount) {
      // 发送到用户的监听器
      mTotalItemCount = totalItemCount;
      if (mScrollListener != null) {
         mScrollListener.onScroll(view, firstVisibleItem, visibleItemCount,
               totalItemCount);
      }
   }




   public void setXListViewListener(IXListViewListener l) {
      mListViewListener = l;
   }

   /**
    * 你可以监听到列表视图，OnScrollListener 或者这个. 他将会被调用 , 当头部或底部触发的时候
    */
   public interface OnXScrollListener extends OnScrollListener {
      public void onXScrolling(View view);
   }

   /**
    * 实现这个接口来刷新/负载更多的事件
    */
   public interface IXListViewListener {
      public void onRefresh();

      public void onLoadMore();
   }
}



头部刷新

public class XListViewHeader extends LinearLayout {
   private LinearLayout mContainer;
   private ImageView mArrowImageView;
   private ProgressBar mProgressBar;
   private TextView mHintTextView;
   private int mState = STATE_NORMAL;// 初始状态

   private Animation mRotateUpAnim;
   private Animation mRotateDownAnim;

   private final int ROTATE_ANIM_DURATION = 180;

   public final static int STATE_NORMAL = 0;
   public final static int STATE_READY = 1;
   public final static int STATE_REFRESHING = 2;

   public XListViewHeader(Context context) {
      super(context);
      initView(context);
   }

   /**
    * @param context
    * @param attrs
    */
   public XListViewHeader(Context context, AttributeSet attrs) {
      super(context, attrs);
      initView(context);
   }

   private void initView(Context context) {
      // 初始情况，设置下拉刷新view高度为0
      LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(
            LayoutParams.FILL_PARENT, 0);
      // 时间TextView
      mContainer = (LinearLayout) LayoutInflater.from(context).inflate(
            R.layout.xlistview_header, null);
      addView(mContainer, lp);
      setGravity(Gravity.BOTTOM);
      // 找到头部页面里的控件
      mArrowImageView = (ImageView) findViewById(R.id.xlistview_header_arrow);
      mHintTextView = (TextView) findViewById(R.id.xlistview_header_hint_textview);
      mProgressBar = (ProgressBar) findViewById(R.id.xlistview_header_progressbar);

      mRotateUpAnim = new RotateAnimation(0.0f, -180.0f,
            Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
            0.5f);
      mRotateUpAnim.setDuration(ROTATE_ANIM_DURATION);
      mRotateUpAnim.setFillAfter(true);
      mRotateDownAnim = new RotateAnimation(-180.0f, 0.0f,
            Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
            0.5f);
      mRotateDownAnim.setDuration(ROTATE_ANIM_DURATION);
      mRotateDownAnim.setFillAfter(true);
   }

   // 设置状态
   public void setState(int state) {
      if (state == mState)
         return;

      if (state == STATE_REFRESHING) { // 显示进度
         mArrowImageView.clearAnimation();
         mArrowImageView.setVisibility(View.INVISIBLE);// 不显示图片
         mProgressBar.setVisibility(View.VISIBLE);// 显示进度条
      } else { // 显示箭头图片
         mArrowImageView.setVisibility(View.VISIBLE);
         mProgressBar.setVisibility(View.INVISIBLE);
      }

      switch (state) {
         case STATE_NORMAL:
            if (mState == STATE_READY) {// 当状态时准备的时候，显示动画
               mArrowImageView.startAnimation(mRotateDownAnim);
            }
            if (mState == STATE_REFRESHING) {// 当状态显示进度条的时候，清除动画
               mArrowImageView.clearAnimation();
            }
            mHintTextView.setText("下拉刷新");// 文字提示：下拉刷新
            break;
         case STATE_READY:
            if (mState != STATE_READY) {
               mArrowImageView.clearAnimation();
               mArrowImageView.startAnimation(mRotateUpAnim);
               mHintTextView.setText("松开刷新数据");// 松开刷新数据
            }
            break;
         case STATE_REFRESHING:
            mHintTextView.setText("加载中...");
            break;
         default:
      }

      mState = state;
   }

   public void setVisiableHeight(int height) {
      if (height < 0)
         height = 0;
      LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) mContainer
            .getLayoutParams();
      lp.height = height;
      mContainer.setLayoutParams(lp);
   }

   public int getVisiableHeight() {
      return mContainer.getHeight();
   }

}

布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="bottom" >

    <RelativeLayout
        android:id="@+id/xlistview_header_content"
        android:layout_width="fill_parent"
        android:layout_height="60dp" >

        <LinearLayout
            android:id="@+id/xlistview_header_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:gravity="center"
            android:orientation="vertical" >

            <TextView
                android:id="@+id/xlistview_header_hint_textview"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="下拉刷新" />

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="3dp" >

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="最后更新时间:"
                    android:textSize="12sp" />

                <TextView
                    android:id="@+id/xlistview_header_time"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textSize="12sp" />
            </LinearLayout>
        </LinearLayout>

        <ImageView
            android:id="@+id/xlistview_header_arrow"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignLeft="@id/xlistview_header_text"
            android:layout_centerVertical="true"
            android:layout_marginLeft="-35dp"
            android:src="@drawable/xlistview_arrow" />

        <ProgressBar
            android:id="@+id/xlistview_header_progressbar"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_alignLeft="@id/xlistview_header_text"
            android:layout_centerVertical="true"
            android:layout_marginLeft="-40dp"
            android:indeterminateDrawable="@drawable/listview_loading_github"
          android:indeterminateDuration="1800"
            android:visibility="invisible" />
    </RelativeLayout>

</LinearLayout>


上拉加载更多

public class XListViewFooter extends LinearLayout {
   public final static int STATE_NORMAL = 0;
   public final static int STATE_READY = 1;
   public final static int STATE_LOADING = 2;

   private Context mContext;

   private View mContentView;
   private View mProgressBar;
   private TextView mHintView;

   public XListViewFooter(Context context) {
      super(context);
      initView(context);
   }

   public XListViewFooter(Context context, AttributeSet attrs) {
      super(context, attrs);
      initView(context);
   }

   public void setState(int state) {
      mHintView.setVisibility(View.INVISIBLE);// 开始底部控件都隐藏
      mProgressBar.setVisibility(View.INVISIBLE);
      mHintView.setVisibility(View.INVISIBLE);
      if (state == STATE_READY) {// 如果是第一页状态，那么“查看更多”显示
         mHintView.setVisibility(View.VISIBLE);
         mHintView.setText("松开显示更多");// 松开显示更多
      } else if (state == STATE_LOADING) {// 当加载的时候
         mProgressBar.setVisibility(View.VISIBLE);// 加载进度条显示
      } else {
         mHintView.setVisibility(View.VISIBLE);
         mHintView.setText("查看更多");// 查看更多
      }
   }

   public void setBottomMargin(int height) {
      if (height < 0)
         return;
      LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) mContentView
            .getLayoutParams();
      lp.bottomMargin = height;
      mContentView.setLayoutParams(lp);
   }

   public int getBottomMargin() {
      LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) mContentView
            .getLayoutParams();
      return lp.bottomMargin;
   }

   /**
    * normal status
    */
   public void normal() {
      mHintView.setVisibility(View.VISIBLE);
      mProgressBar.setVisibility(View.GONE);
   }

   /**
    * loading status
    */
   public void loading() {
      mHintView.setVisibility(View.GONE);
      mProgressBar.setVisibility(View.VISIBLE);
   }

   /**
    * 当禁用拉加载更多隐藏底部视图
    */
   public void hide() {
      LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) mContentView
            .getLayoutParams();
      lp.height = 0;
      mContentView.setLayoutParams(lp);
   }

   /**
    * 显示底部视图
    */
   public void show() {
      LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) mContentView
            .getLayoutParams();
      lp.height = LayoutParams.WRAP_CONTENT;
      mContentView.setLayoutParams(lp);
   }

   private void initView(Context context) {
      mContext = context;
      LinearLayout moreView = (LinearLayout) LayoutInflater.from(mContext)
            .inflate(R.layout.xlistview_footer, null);
      addView(moreView);
      moreView.setLayoutParams(new LinearLayout.LayoutParams(
            LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));

      mContentView = moreView.findViewById(R.id.xlistview_footer_content);
      mProgressBar = moreView.findViewById(R.id.xlistview_footer_progressbar);
      mHintView = (TextView) moreView.findViewById(R.id.xlistview_footer_hint_textview);
   }

}

上拉加载布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" 
    android:background="@android:color/transparent"
    android:orientation="vertical">
    <View 
        android:layout_width="fill_parent"
        android:background="@android:color/transparent"
        android:layout_height="10dp"/>
    <RelativeLayout
        android:id="@+id/xlistview_footer_content"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/transparent"
        android:padding="10dp" >

        <ProgressBar
            android:id="@+id/xlistview_footer_progressbar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:visibility="invisible" />

        <TextView
            android:id="@+id/xlistview_footer_hint_textview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="查看更多" />
    </RelativeLayout>

</LinearLayout>
在activity中调用

listView.setPullLoadEnable(true);

adapters = new BaseAdapters<HousesBean>(this, houslist, R.layout.item_housetext) {
    @Override
    public void convert(BaseViewHolder helper, HousesBean item, int position) {
        helper.setText(R.id.iht_name, item.getSiteName() + item.getAgentName() + item.getDistrictName() + item.getTenantName() + item.getBuildingName() + item.getFloorName());
        if (item.isIsAudit()) {
            helper.setTextAndColorStr(R.id.ih_isaudit, getString(R.string.audited), "#52c5ac");
        } else {
            helper.setTextAndColorStr(R.id.ih_isaudit,  getString(R.string.unaudited), "#ffcc00");
        }
    }
};

MyListviewListener myListviewListener = new MyListviewListener();

listView.setXListViewListener(myListviewListener);
listView.setAdapter(adapters);
public class MyListviewListener implements XListView.IXListViewListener {
    @Override
    public void onRefresh() {
        list.clear();
        no = 1;
        getList(no);
        
listView.setAdapter(adapters);
onLoad () ; } @Override public void onLoadMore () { no ++; //handler.postDelayed(initThread, 2000); getList ( no ) ; adapters . notifyDataSetChanged () ; onLoad () ; } } /** * 停止刷新， */ private void onLoad () { ahlHouseList . stopRefresh () ; ahlHouseList . stopLoadMore () ; ahlHouseList . setRefreshTime ( getString ( R.string . just )) ; }


猜你喜欢

转载自blog.csdn.net/aptx14/article/details/80633038
今日推荐
基于大语言模型的开源知识库问答系统 MaxKB GitHub Star 数量突破 5,000 个！
美国拟限制 AI 大模型出口中国和俄罗斯
苹果将与 OpenAI 达成协议，将 ChatGPT 应用于 iPhone
openKylin 社区生态委员会第六次会议圆满召开
阿里云正式发布通义千问 2.5
Python 3.13 发布首个 Beta：实验性自由线程模式和 JIT、改进交互式解释器
Stack Overflow 拿我的代码去训练 AI 大模型，还封了我的账号
Pop!_OS 的 COSMIC 桌面完成 App Store 上架工作
《2024 年一季度互联网投融资运行情况》研究报告
报告：Django 仍然是 74% 开发者的首选
15 年前上了“FFmpeg 耻辱柱”，今天他还得谢谢咱——腾讯QQPlayer一雪前耻？
TIOBE 5 月榜单：Fortran “复活”进入 Top 10
周排行
记一下去大梅沙的准备（2018-05-26）
Spring 注解 事务
基于HTTP协议的客户端缓存
阿里云rds 备份和还原
[PHP] 几个拖慢 PHP 程序/API 运行速度的点
python 代码风格------------PEP8规则
js控制json生成菜单——自制菜单（一）
将字符串: 'k:1|k1:2|k2:3|k3:4 ' ,处理成 python 字典: {'k':1, 'k1':2, ...}
微信小程序转支付宝小程序
Qt551.窗口滚动条
每日归档
更多
2024-05-13(18)
2024-05-12(0)
2024-05-11(38)
2024-05-10(38)
2024-05-09(35)
2024-05-08(42)
2024-05-07(14)
2024-05-06(40)
2024-05-05(0)
2024-05-04(7)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022