返回顶部
首页 > 资讯 > 精选 >Android继承ViewGroup如何实现Scroll滑动效果
  • 490
分享到

Android继承ViewGroup如何实现Scroll滑动效果

androidviewgroupscroll 2023-05-30 21:05:48 490人浏览 安东尼
摘要

这篇文章主要介绍Android继承ViewGroup如何实现Scroll滑动效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!具体如下:extends ViewGroup需要重写onMeasure和onLayout方

这篇文章主要介绍Android继承ViewGroup如何实现Scroll滑动效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

具体如下:

extends ViewGroup需要重写onMeasure和onLayout方法

onMeasure方法是去测量ViewGroup需要的大小以及包含的子View需要的大小。

执行完上面的方法后,再执行onLayout方法去设置子View的摆放位置。

实现Scroll滑动效果需要去检测滑动速率,即要知道每个单位时间滑动了多少像素值,根据这个像素值去判断Scroll滑动到下一页还是上一页。

Android为我们提供了VelocityTracker这个类检测速率

使用mVelocityTracker = VelocityTracker.obtain();来初始化

使用mVelocityTracker.addMovement(event);将touch事件添加进去检测。注意每个touch事件都要添加进去

使用mVelocityTracker.computeCurrentVelocity(1000);计算每个单位时间内滑动了多少像素,这里传入的是1000ms即1s。

然后使用float pxsec = mVelocityTracker.getXVelocity();获取到x轴滑动的像素值,必须在执行了上面方法只会再调用。

最后需要mVelocityTracker.recycle();mVelocityTracker = null;回收掉这个对象。

完整代码是:

public class MyScrollLayout extends ViewGroup{ private int curScreen; private int defaultScreen = 0; private Scroller mScroller; private float mLastMotionX = 0; private VelocityTracker mVelocityTracker; public MyScrollLayout(Context context, AttributeSet attrs, int defStyleAttr) {  super(context, attrs, defStyleAttr);  init(context); } public MyScrollLayout(Context context, AttributeSet attrs) {  super(context, attrs);  init(context); } public MyScrollLayout(Context context) {  super(context);  init(context); } private void init(Context context){  curScreen = defaultScreen;  mScroller = new Scroller(context); } @Override public void computeScroll() {  if(mScroller.computeScrollOffset()){   scrollTo(mScroller.getCurrX(), mScroller.getCurrY());   postInvalidate();  } } @Override public boolean onTouchEvent(MotionEvent event) {  // TODO Auto-generated method stub  int action = event.getAction();  float x = event.getX();  switch (action) {  case MotionEvent.ACTION_DOWN:   if(mVelocityTracker==null){    mVelocityTracker = VelocityTracker.obtain();    mVelocityTracker.addMovement(event);   }   if(!mScroller.isFinished()){    mScroller.abortAnimation();   }   mLastMotionX = event.getX();   break;  case MotionEvent.ACTION_MOVE:   float delt = mLastMotionX-x;   if(isCanMove((int)delt)){   if(mVelocityTracker!=null){    mVelocityTracker.addMovement(event);   }   mLastMotionX = x;   scrollBy((int)delt, 0);   }   break;  case MotionEvent.ACTION_UP:   if(mVelocityTracker!=null){    mVelocityTracker.addMovement(event);    mVelocityTracker.computeCurrentVelocity(1000);    float pxsec = mVelocityTracker.getXVelocity();    if(pxsec>600 && curScreen >0){     snapToScreen(curScreen-1);    }else if(pxsec<-600 && curScreen<getChildCount()-1){     snapToScreen(curScreen+1);    }else{     //主要是用来获取该滑动到哪个界面,最终调用的是invalid调用draw方法然后draw调用computeScroll方法,然后使用scroller对象     snapToDestination();    }    mVelocityTracker.recycle();    mVelocityTracker = null;   }   break;  default:   break;  }  return true; } private void snapToScreen(int screen){  int whichscreen = Math.max(0, Math.min(screen, getChildCount()-1));  if(getScrollX()!=(whichscreen*getWidth())){   final int delat = whichscreen*getWidth() - getScrollX();   mScroller.startScroll(getScrollX(), 0, delat, 0, Math.abs(delat)*2);   curScreen = whichscreen;   invalidate();  } } private void snapToDestination(){  int screen = (getScrollX()+getWidth()/2)/getWidth();  snapToScreen(screen); } private boolean isCanMove(int delat){    if(getScrollX()>=(getChildCount()-1)*getWidth() && delat>0){   return false;  }  return true; } @Override protected void onLayout(boolean changed, int l, int t, int r, int b) {  if(changed){  int totalHeight = 0;  int totalwidth = 0;  int childCount = getChildCount();  for(int i=0; i<childCount; i++){   View childView = getChildAt(i);   int childwidth = childView.getMeasuredWidth();   int childheight = childView.getMeasuredHeight();   childView.layout(totalwidth, t, totalwidth+childwidth, b);   totalHeight += childheight;   totalwidth += childwidth;  }  } } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  // TODO Auto-generated method stub  measureChildren(widthMeasureSpec, heightMeasureSpec);  super.onMeasure(widthMeasureSpec, heightMeasureSpec); }}

很多人会以为ViewGroup的滑动是Scroller的功劳,其实不然,Scroller在这里扮演的角色我认为更像是一个用来计算x和y轴单位时间移动像素的工具类而已,仅此而已没有特别的能力。

真正在这里实现Scroll滑动效果的是ViewGroup里的scrollto和scrollby方法,scrollto是滑动到,scrollby是滑动了。

Scroller.startScroll(getScrollX(), 0, delat, 0, Math.abs(delat)*2);

Scroller这个类的startScroll方法传入了五个参数,分别对应,x轴起滑的偏移像素,y轴起滑的偏移像素,x轴滑动像素,y轴滑动像素,滑动过程需要的时间。

源码如果不传时间参数的方法有个默认的时间250ms。

scroller.startScroll之后需要调用invalidate方法,然后调用ViewGroup的draw方法,然后调用computeScroll方法,在computeScroll方法里面调用Scroller.computeScrollOffset()方法去判断有没有计算完,没计算完返回true,然后scrollto方法,再postInvalidate();方法重新执行computeScroll方法。

以上是“Android继承ViewGroup如何实现Scroll滑动效果”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注编程网精选频道!

--结束END--

本文标题: Android继承ViewGroup如何实现Scroll滑动效果

本文链接: https://lsjlt.com/news/221664.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Android继承ViewGroup如何实现Scroll滑动效果
    这篇文章主要介绍Android继承ViewGroup如何实现Scroll滑动效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!具体如下:extends ViewGroup需要重写onMeasure和onLayout方...
    99+
    2023-05-30
    android viewgroup scroll
  • Android Scroll滑动效果实例
            相对于在Android2.x版本上出现的长按、点击事件的效果,不得不说,滑动操作具有更好的...
    99+
    2022-06-06
    动效 scroll Android
  • Android如何实现View滑动效果
    这篇文章给大家分享的是有关Android如何实现View滑动效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一、View的滑动简介View的滑动是Android实现自定义控件的基础,同时在开发中我们也难免会遇到...
    99+
    2023-06-14
  • Android如何实现平滑翻动效果
    这篇文章给大家分享的是有关Android如何实现平滑翻动效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体内容如下效果activity加implementsimplements GestureDet...
    99+
    2023-06-14
  • Android实现平滑翻动效果
    本文实例为大家分享了Android实现平滑翻动效果的具体代码,供大家参考,具体内容如下 效果 1.activity加implements implements GestureD...
    99+
    2024-04-02
  • react如何实现滑动效果
    今天小编给大家分享一下react如何实现滑动效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。react实现滑动的方法:1、...
    99+
    2023-07-04
  • Android自定义ViewGroup实现标签浮动效果
    前面在学习鸿洋大神的一些自定义的View文章,看到了自定义ViewGroup实现浮动标签,初步看了下他的思路以及结合自己的思路完成了自己的浮动标签的自定义ViewGroup。目...
    99+
    2022-06-06
    动效 标签 Android
  • Android实现三段式滑动效果
    目录高德的效果:高德的效果: 实现的效果: 我们实现的效果和高德差距不是很大,也很顺滑。具体实现其实就是集成CoordinatorLayout.Behavior publi...
    99+
    2024-04-02
  • Android Scroller实现弹性滑动效果
    本文实例为大家分享了Android Scroller实现弹性滑动的具体代码,供大家参考,具体内容如下 首先看下实现效果,可以看到当我们手指松开时图片会逐渐滑动到初始位置,而不是直接跳...
    99+
    2024-04-02
  • Android如何自定View实现滑动验证效果
    本篇内容主要讲解“Android如何自定View实现滑动验证效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Android如何自定View实现滑动验证效果”吧!效果图自定义属性代码<xm...
    99+
    2023-06-22
  • Android view如何实现滑动悬浮固定效果
    这篇文章主要介绍了Android view如何实现滑动悬浮固定效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。1.背景在项目开发过程中,有时候会碰到这样的需求:在滑动的过程...
    99+
    2023-05-30
    android
  • Android实现果冻滑动效果的控件
    前言 在微信是的处理方法是让用户滑动,但最终还是回滚到最初的地方,这样的效果很生动(毕竟成功还是取决于细节)。那么在安卓我们要怎么弄呢。下面为大家介绍一下JellyScroll...
    99+
    2022-06-06
    果冻 动效 Android
  • Android实现图片左右滑动效果
    关于滑动效果,在Android中用得比较多,本示例实现的滑动效果是使用ViewFlipper来实现的,当然也可以使用其它的View来实现。接下来就让我们开始实现这种效果。 接...
    99+
    2022-06-06
    图片 动效 Android
  • Android实现探探图片滑动效果
    之前一段时间,在朋友的推荐下,玩了探探这一款软件,初玩的时候,就发现,这款软件与一般的社交软件如陌陌之类的大相径庭,让我耳目一新,特别是探探里关于图片滑动操作让人觉得非常新鲜。所以在下通过网上之前的前辈的经历加上自己的理解,也来涉涉水。下面...
    99+
    2023-05-31
    android 图片滑动 roi
  • jQuery如何实现图片滑动效果
    这篇文章主要为大家展示了“jQuery如何实现图片滑动效果”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jQuery如何实现图片滑动效果”这篇文章吧。思路:当鼠...
    99+
    2024-04-02
  • iOS如何实现背景滑动效果
    这篇文章主要介绍了iOS如何实现背景滑动效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体内容如下第一步、在很多APP中,我们都可以看见那些特效绚丽的滑动选项条,那么如何...
    99+
    2023-06-29
  • java怎么实现多重继承效果
    在Java中,类是不支持多重继承的,即一个类不能直接继承多个父类。但是可以通过接口来实现类似多重继承的效果。接口是一种特殊的类,它只...
    99+
    2023-08-08
    java
  • 如何在Android中实现左右滑动的指引效果
    本文的目的是要实现左右滑动的指引效果。那么什么是指引效果呢?现在的应用为了有更好的用户体验,一般会在应用开始显示一些指引帮助页面,使用户能更好的理解应用的功能,甚至是一些新闻阅...
    99+
    2022-06-06
    Android
  • Android如何使用ViewPager2实现页面滑动切换效果
    目录1.引言2.实现页面滑动切换2.1 引入ViewPager2库2.2 使用ViewPager22.3 构建Fragment2.4 继承FragmentStateAdapter2....
    99+
    2024-04-02
  • Android使用ViewPager实现无限滑动效果
    前言 其实仔细想一下原理还是挺简单的。无非是当我们滑动到最后一页,再向后滑动时定位到第一页;当我们滑动到第一页,再向前滑动时定位到最后一页。 但是,相信很多朋友都遇到过这个问题...
    99+
    2022-06-06
    viewpager 动效 Android
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作