PullToRefreshListView一键置顶功能实现

简介: PullToRefreshListView一键置顶功能实现

项目中我们经常会用到各种列表需求,有的时候列表数据过多,用户滑动到最下面 ,返回到最上面是很不方便的,所以我们就需要一个一键置顶的功能。

 

效果图:

image.png

这里面需要注意一点是 这个按钮加一个判断,当可见区域超过一屏时候显示此按钮 否则隐藏

判断逻辑代码:

 mListRefreshView.setOnScrollListener(new AbsListView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(AbsListView view, int scrollState) {
            }
            @Override
            public void onScroll(AbsListView view, int firstVisibleItem,
                                 int visibleItemCount, int totalItemCount) {
                int lastVisiblePosition = view.getLastVisiblePosition();
                //判断置顶按钮显示隐藏
                if(lastVisiblePosition > PAGE_SIZE){
                    topBtn.setVisibility(View.VISIBLE);
                }else {
                    topBtn.setVisibility(View.GONE);
                }
                if (totalItemCount > 10 && lastVisiblePosition == totalItemCount - 10) {
                    if (mStandardList != null
                            && mStandardList.size() < (PAGE_INDEX - 1) * PAGE_SIZE) {
                        mListRefreshView.onRefreshComplete();
                        mListRefreshView.setPullToRefreshEnabled(false);
                        mTvLoadAll.setVisibility(View.VISIBLE);
                    } else {
                        getData(1, 1);
                    }
                }
            }
        });

一键置顶按钮布局

 <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <com.jky.mobilebzt.pulltorefresh.PullToRefreshListView
            android:id="@+id/plv_standard"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="2dp"
            android:background="@color/white"
            android:cacheColorHint="@null"
            android:groupIndicator="@null"
            android:scrollbars="none" />
        <include
            android:id="@+id/no_data_view"
            layout="@layout/layout_no_data_view"
            android:visibility="gone"/>
    </FrameLayout>
    <TextView
        android:id="@+id/top_btn"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:padding="@dimen/padding_10"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="6dp"
        android:layout_marginRight="6dp"
        android:background="@drawable/icon_top" />
    </RelativeLayout>

点击逻辑

   case R.id.top_btn:
        setListViewPos(0);
       break;
   private void setListViewPos(int pos) {
        if (android.os.Build.VERSION.SDK_INT >= 8) {
            mListRefreshView.getRefreshableView().smoothScrollToPosition(pos);
        } else {
            mListRefreshView.getRefreshableView().setSelection(pos);
        }
    }
相关文章
|
JavaScript
【Vue3从零开始-实战】S16:详情页样式优化及tab栏内容联动功能实现
【Vue3从零开始-实战】S16:详情页样式优化及tab栏内容联动功能实现
297 0
【Vue3从零开始-实战】S16:详情页样式优化及tab栏内容联动功能实现
|
5月前
|
小程序 数据库
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
180 0
|
4月前
Axure 列表左右滑动交互-删除、置顶
Axure 列表左右滑动交互-删除、置顶
228 0
|
4月前
|
图形学
小功能⭐️Unity判断是否单击到了UI
小功能⭐️Unity判断是否单击到了UI
|
7月前
购物车的功能——界面源码
购物车的功能——界面源码
|
小程序
微信小程序如何实现多图上传及预览删除
微信小程序如何实现多图上传及预览删除
128 0
|
前端开发
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用1
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用1
41 0
|
前端开发
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用5
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用5
59 0
|
前端开发
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用3
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用3
64 0
|
Android开发 容器
仿QQ对话列表滑动删除与置顶的原理及实现(一)
仿QQ对话列表滑动删除与置顶的原理及实现(一)
147 0
仿QQ对话列表滑动删除与置顶的原理及实现(一)