【Android实现点击回到顶部】

逻辑

这里使用RecyclerView，添加监听OnScrollChangeLinstener，通过监听RecyclerView的第一个item的position决定按钮显示或者隐藏，然后通过按钮点击回到顶部。

首先是布局页面。

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"><data></data><FrameLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"tools:context=".fragment.goods"><androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/goods_rv"android:layout_width="match_parent"android:layout_height="match_parent"/><TextViewandroid:padding="10dp"android:background="@drawable/radio"android:textColor="@color/white"android:layout_marginTop="600dp"android:layout_marginLeft="350dp"android:id="@+id/ontop"android:layout_width="wrap_content"android:layout_height="wrap_content"/></FrameLayout>
</layout>

  判断position大于等于3的时候把text设置数据回顶部 并把显示方式改VISIBLE 否则就GONE。

注意！

RecyclerView的setLayoutManager需要使用线性布局管理器。

//监听下标binding.goodsRv.setOnScrollChangeListener(new View.OnScrollChangeListener() {@Overridepublic void onScrollChange(View view, int i, int i1, int i2, int i3) {LinearLayoutManager linearLayoutManager= (LinearLayoutManager) binding.goodsRv.getLayoutManager();int firstVisibleItemPosition = linearLayoutManager.findFirstVisibleItemPosition();firstitem=firstVisibleItemPosition;if (firstVisibleItemPosition>=3){binding.ontop.setText("回顶部");binding.ontop.setVisibility(View.VISIBLE);}else{binding.ontop.setText("");binding.ontop.setVisibility(View.GONE);}}});

然后点击事件调用RecyclerView的scrollToPosition position直接写死就是0。

//点击回到顶部
binding.ontop.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {binding.goodsRv.scrollToPosition(0);}
});

当position大于等于3的时候显示回顶部按钮然后点击回到顶部。

好了，一个简单的点击按钮回到顶部就完成了！

【Android实现点击回到顶部】相关推荐

Vue监听滚动条事件点击回到顶部
Vue监听滚动条事件点击回到顶部监听滚顶条事件: created () {this.listenerFunction(); }, beforeDestroy () {document.remove ...
js实现点击回到顶部
效果实现 1.滚动条离顶部一定距离后,楼梯出现,否则隐藏 (这里要判断滚动条到顶部的高度) 2.点击楼梯按钮,自动出现相对应得页面. 3.拖拽滚动条,页面上的商品刚好和楼梯按钮对应上 ...
android 点击返回顶部,Android scrollToTop实现点击回到顶部（兼容PullTorefreshScrollview）...
前言最近因为项目组需求,特研究了一下"回到顶部"效果,即:页面里有scrollview,内容很多,当滑动到页面下面或者更深时,需要回到顶部,即可点击出现的按钮,省得回滑N久.我没 ...
android 按钮点击返回顶部,微信浏览器点击系统返回，安卓返回会重载页面回到页面顶部，iOS则返回则会保留之前浏览位置的解决方法...
后续补我框好串端题近还架比作和和近还架比作和和充: 页面css设置了height: 100%,来避免使用fixed定位弹窗引起的部分机型兼容问题,因此会在返回的时候回到页面顶部,补充解决办法: 在弹窗 ...
android 点击状态栏,“点击状态栏回到顶部”功能的消失原因和实现
苹果系统为我们带来了一个很便利的功能,在长长的页面拖拽过程中,至于要点击一下顶部状态栏,便能回到页面最顶部,省去了漫长的滑动过程.但是有时在开发中,会遇到点击返回功能消失的现在,下面简单说说原因以及几 ...
php 回到顶部,jquery如何实现点击网页回到顶部效果？（图文+视频）
本篇文章主要给大家介绍如何用jquery代码实现网页回到顶部的效果. 我们在浏览各大网站页面时,想必大家肯定都遇到过,当阅览一个长页面时,拉到下面部分会出现类似回到顶部的按钮特效吧. 这种点击回到顶部 ...
vue 返回滚动条顶部组件_vue中回到顶部
1. 回到顶部,使用 scrollIntoView 方法: Element.scrollIntoView方法滚动当前元素,进入浏览器的可见区域该方法可以接受一个布尔值作为参数.如果为true,表示元 ...
浏览器刷新页面后回到顶部_JavaScript仿知乎回到顶部功能
一般的网站都有个回到顶部,回到顶部又有多种方法可以实现, 方法1: 在css中添加 html {scroll-behavior: smooth; } 然后在回到顶部按钮上加一个a标签,herf属性写顶 ...
（7）＜a＞标签之锚点和回到顶部功能
一.什么是锚点? 这里,我们拿京东官网举例,如下图可以看到京东官网首页右侧的导航条选项卡,当我们点击其中一个选项卡的时候,他会自动给你定位跳到当前页的符合该选项卡标题的位置,省去我们从上往下鼠标滚轮一 ...

【Android实现点击回到顶部】

逻辑

【Android实现点击回到顶部】相关推荐

最新文章

热门文章