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);
        }
    }
相关文章
|
8月前
|
JavaScript
Fastadmin列表的多图预览(一行代码)
Fastadmin列表的多图预览(一行代码)
100 0
|
JavaScript
【Vue3从零开始-实战】S16:详情页样式优化及tab栏内容联动功能实现
【Vue3从零开始-实战】S16:详情页样式优化及tab栏内容联动功能实现
176 0
【Vue3从零开始-实战】S16:详情页样式优化及tab栏内容联动功能实现
|
3月前
|
小程序 API
微信小程序返回到顶部功能实现
微信小程序返回到顶部功能实现
|
8月前
|
前端开发
前端学习笔记202305学习笔记第二十天-vue3.0-点击按钮展示添加用户
前端学习笔记202305学习笔记第二十天-vue3.0-点击按钮展示添加用户
38 0
|
4月前
|
小程序 JavaScript
微信小程序怎么修改页面标题
微信小程序怎么修改页面标题
205 0
|
4月前
|
JSON 小程序 前端开发
微信小程序(十四)小程序自定义弹窗组件
上一篇中说的是小程序自带的弹窗组件,今天,我们来试试小程序的自定义组件,我们自定义一个带确定取消的弹窗组件。 首先,放一下,最终的效果图:
220 0
|
8月前
|
小程序
微信小程序如何实现多图上传及预览删除
微信小程序如何实现多图上传及预览删除
|
8月前
|
前端开发
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用1
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用1
34 0
|
8月前
|
前端开发
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用5
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用5
39 0
|
8月前
|
前端开发
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用3
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用3
39 0

热门文章

最新文章