文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

怎么在Android应用中利用 scrollToTop实现一个点击回到顶部功能

2023-05-31 09:55

关注

本篇文章给大家分享的是有关怎么在Android应用中利用 scrollToTop实现一个点击回到顶部功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

实现方法

布局代码:

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  xmlns:tools="http://schemas.android.com/tools"  android:layout_width="match_parent"  android:layout_height="match_parent"  tools:context="com.znke.pulltorefresh_top.MainActivity">   <!--<com.znke.pulltorefresh_top.tool.ToTopScrollView .../>-->  <ScrollView   android:id="@+id/scrollView"   android:layout_width="match_parent"   android:layout_height="wrap_content"   android:layout_below="@+id/tv_top"   android:scrollbars="none">    <LinearLayout    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:orientation="vertical">     <TextView     android:layout_width="match_parent"     android:layout_height="50dp"     android:gravity="center"     android:text="111111111111"     android:textSize="20sp" />     ...........     <View     android:layout_width="match_parent"     android:layout_height="2dp"     android:background="#AAAAAA" />     <TextView     android:layout_width="match_parent"     android:layout_height="80dp"     android:gravity="center"     android:text="12000000000000"     android:textSize="20sp" />   </LinearLayout>  </ScrollView>   <com.znke.pulltorefresh_top.tool.ToTopImageView   android:id="@+id/imageView_to_top"   android:layout_width="50dp"   android:layout_height="50dp"   android:layout_alignParentBottom="true"   android:layout_alignParentRight="true"   android:layout_marginBottom="5dp"   android:layout_marginRight="5dp"   android:background="@drawable/to_top" /> </RelativeLayout>

然后在activity中设置下面事件不就完了嘛!!!

mScrollView.setOnScrollChangeListener();

很遗憾,报错。alt+enter搞定错误不就完了嘛!很遗憾,运行继续报错,报空指针,神奇吧,找不出来。翻阅资料后发现,scrollview的onScrollChanged方法是受保护的。故按照网上的资料,自定义ScrollView类,暴露出onScrollChanged方法:

public class ToTopScrollView extends ScrollView {  private OnMyScrollListener onMyScrollListener;   public void setOnMyScrollListener(OnMyScrollListener onMyScrollListener) {   this.onMyScrollListener = onMyScrollListener;  }   ...   @Override  protected void onScrollChanged(int l, int t, int oldl, int oldt) {   super.onScrollChanged(l, t, oldl, oldt);   if(onMyScrollListener != null)    onMyScrollListener.onScrollChanged(l,t,oldl,oldt);  }   public interface OnMyScrollListener{   void onScrollChanged(int x, int y, int oldx, int oldy);  } }

然后在activity中设置setOnMyScrollListener()方法,就可以监控scrollview的状态了。剩下的就是自定义imageview的逻辑了。

可是,自定义ToTopImageView里面怎么弄呢?它需要有一个高度临界值,与activity传递scrollview的scrollY值比较,来判定ToTopImageView是否显示。代码简单,搞定。

只是这样有个小问题,onScrollChanged方法是监控滚动状态的,没有说停止。如果在里面判断超过临界值就显示与隐藏imageview,那么会一直设置imageview。这样肯定不是最佳的方法。如果能在滚动停止时再判定是否需要显示与隐藏imageview就好了。此时我还没有想太多,动手简单实现了刚才的分析。

实现后,感觉挺爽。然而在准备加到项目中时发现,我们项目用了PullToRefresh刷新代码库,也简单,把自定义的Scrollview替换就可以了。运行,糟糕,没有效果,然后调试,事件没有处罚,可能是PullToRefresh库把事件屏蔽了,咋办?找onTouchListener监听方法呗。

于是改用了测试:

mScrollView.setOnTouchListener()

我去,没有调佣,把pullToRefreshScrollView里面各种监听方法都试遍了,没用。他只提供了顶部和底部的上拉、下拉刷新监听,毛用。

于是查看其源码,发现把事件拦截了。而且pullToRefreshScrollView根本就不是scrollview,看源码:

  @Override protected ScrollView createRefreshableView(Context context, AttributeSet attrs) {  ScrollView scrollView;  if (VERSION.SDK_INT >= VERSION_CODES.GINGERBREAD) {   scrollView = new InternalScrollViewSDK9(context, attrs);  } else {   scrollView = new ScrollView(context, attrs);  }   scrollView.setId(R.id.scrollview);  return scrollView; }

他里面提供了一个方法可以或得到Scrollview:

final ScrollView scrollView = mScrollView.getRefreshableView();

回想起了以前项目也这么用过,只是当时不明白这句话干啥的,白写。

然后就用上面这种方法得到scrollview,再设置onscrollchanged方法监听滑动。运行报错,同样无效。于是只能换onTouchListener监听了。

但是这样问题来了,我们只能监听到手势,即何时按下、移动和弹起。当快速滑动手指弹起后,scrollview还在滚动的,什么时候去拿到它的scrollY值呢?犯愁了。

此时不得不用最开始分析的方法,在自定义imageview里面定义线程,扫描当前scrollY和上一次保存的对比,不一样即说明仍在滚动,一样即表明scrollview滚动停止了。

什么时候开启线程呢?在onTouch回调中down、move或者up时调用。

试想下:

如果在down中调用时,用户只在scrollview上点击或短距离滑动,imageview里面要不停地开启线程?浪费资源。

如果在up中调用时,当用户按着屏幕一口气滑过临界值,还不松手呢?还不显示imageview吗?也行,个人觉得不太好。
于是,我选择在move中调用imageview地线程。有人会想,这样会不会启动N多个线程呢?move一直在移动呢。“在iamgeview判断下线程的状态即可,如果已经启动了,就不启动呗”。或许这么写不太好,但我认为是实时的,用户体验好。

看代码:

  public void tellMe(View targetView) {   if (targetView == null)    throw new IllegalArgumentException("please set targetView who to scrollTo");   if (this.targetView == null)    this.targetView = targetView;   if (!isStarting) {    new Thread(scanThread).start();   }  }

此处注意,我偷懒了,没有单独设置方法传递需要滚动的scrollview,在此处引进来了。线程加了判断。此处不要传递scrollview的scrollY值进来。比喻当你手指离开屏幕后,之前传递进来的scrollY就已经过时了,scrollview仍在滑动。在消息回调里面实时获取再判断

private class MyCallback implements Runnable {   @Override   public void run() {        endScrollX = targetView.getScrollX();    int scrollY = targetView.getScrollY();    if (endScrollY != scrollY) {     endScrollY = scrollY;    } else {     if (endScrollY >= limitHeight) {      if (!thisStateVisible)       visible();     } else {      if (thisStateVisible)       gone();     }          clearCallBacks();    }   }  }

由于是用线程来检测scrollview的滚动状态,我用了延时消息。此时又有另外一个潜在bug。在自定义imageview中创建了handler属于主线程,子线程中需要发延时消息。如果延时消息发出后,activity退出了呢?反复这么弄呢?有人会说没谁会这么无聊的。但这毕竟还是潜在的OOM。于是我简单的做了线程控制和消息清除的代码,过于简单。感谢评论。

主要思路和逻辑都分析完了,使用起来很简答,你不用关心自定义imageview里面的逻辑(除非你想改进)。

在activity中

private PullToRefreshScrollView mScrollView;  private ToTopImageView imageView_to_top;  @Override  protected void onCreate(Bundle savedInstanceState) {   super.onCreate(savedInstanceState);   setContentView(R.layout.activity_pull_to_refresh_scroll_view);    imageView_to_top = (ToTopImageView) findViewById(R.id.imageView_to_top);   imageView_to_top.setLimitHeight(800);   mScrollView = (PullToRefreshScrollView) findViewById(R.id.scrollView);   final ScrollView scrollView = mScrollView.getRefreshableView();   //mScrollView.setOnTouchListener(); 无效   scrollView.setOnTouchListener(new View.OnTouchListener() {    @Override    public boolean onTouch(View v, MotionEvent event) {     switch (event.getAction()){      case MotionEvent.ACTION_MOVE:       imageView_to_top.tellMe(scrollView);       break;     }     return false;    }   });  }   @Override  protected void onDestroy() {   imageView_to_top.clearCallBacks();   super.onDestroy();  }

页面上,在你觉得合适的位置:

<com.znke.pulltorefresh_top.tool.ToTopImageView   android:id="@+id/imageView_to_top"   android:layout_width="50dp"   android:layout_height="50dp"   android:layout_alignParentBottom="true"   android:layout_alignParentRight="true"   android:layout_marginBottom="5dp"   android:layout_marginRight="5dp"   android:background="@drawable/to_top" />

以上就是怎么在Android应用中利用 scrollToTop实现一个点击回到顶部功能,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯