Android Scroll滑动效果实例

相对于在Android2.x版本上出现的长按、点击事件的效果，不得不说，滑动操作具有更好的用户体验。因此，从Android 4.X版本开始，出现了更多滑动操作的效果。越来越多第三方应用模仿这样的效果，来改善自己的应用。本文，我们刨根问底来探寻滑动效果的产生。

滑动效果如何产生

　　滑动一个View，其本质就是移动一个View。便是改变它的坐标位置，它的原理与动画产生的效果原理应该是如出一辙的。其最终本质都是改变其坐标。所以，我们要实现View滑动的效果，就只需要监听用户的触摸事件，动态改变View的坐标。

　　这里，说道监听触摸事件，改变View坐标。我们因此因此要了解窗口坐标系与屏幕触摸事件motionEvent。

　　Android坐标系

　　为什么会有滑动一说了，初中的物理告诉我们，是相对于坐标系发生了运动。在Android中，我们将屏幕左上角定为坐标原点，从这个点向右为x轴的正方向，向下为y轴的正方向。如图所示：

　　除了这个系统坐标系之外，还有一个视图坐标系。与系统坐标系类似，以也是以原点向下为y轴的正方向，以原点向右为x轴的正方向。只不过，这个坐标原点是父控件左上角。如图所示：

　　我们了解了坐标系，下面我们就了解触摸事件——MotionEvent。

　　别小看这个MotionEvent事件，在与用户进行交互的过程中，这个东东必不可少。首先，看他封装那些常量代表不同的事件类型，如下所示：

 //单点触摸属性按下事件
  public static final int ACTION_DOWN       = 0;
  //单点触摸属性抬起事件
  public static final int ACTION_UP        = 1;

  //触摸点移动的事件
  public static final int ACTION_MOVE       = 2;

  //触摸动作取消
  public static final int ACTION_CANCEL      = 3;
  //触摸越界事件
  public static final int ACTION_OUTSIDE     = 4;

  //多点触摸按下事件
  public static final int ACTION_POINTER_DOWN   = 5;

  //多点触摸抬起事件
  public static final int ACTION_POINTER_UP    = 6;

　　通常情况下，我们会用这样的模板方法，来监听OnTouchEvent（MotionEvent ev）方法，然后使用switch-case方法进行判断处理，这些都是固定格式，代码如下：

switch (event.getAction()){
 //触摸按下事件
          case MotionEvent.ACTION_DOWN:

            break;
//触摸移动状态
          case MotionEvent.ACTION_MOVE:

            break;
//触摸抬起状态
          case MotionEvent.ACTION_UP:
            break;
        }

　　一般情况，不涉及到多点触控的操作，一般用这个代码的模板都能够完成相应事件的监听。

　　除此之外，Android系统提供很多方法获取坐标值与相对距离。给我们初学者带来很少困惑，这里一张图就让你搞明白。如图所示：

　　各种方法解释：

　　getLeft()——获取view自身左边到其父控件左边距离。

　　getRight()——获取view自身右边到其父控件左边距离。

　　getTop()——获取view自身上边到其父控件上边距离。

　　getBottom()——获取view自身下边到其父控件上边距离。

　　getX()——获取点击事件距离控件左边的距离，即视图坐标。

　　getY()——获取点击事件距离控件上边的距离，即视图坐标。

　　getRawX()——获取点击事件距离控件屏幕左边的距离，即绝对坐标。

　　getRawY()——获取点击事件距离屏幕上边的距离，即绝对坐标。

　　这就是对滑动效果产生知识补充。

以上就是本文的全部内容，希望对大家的学习有所帮助。

赞 (0)

相关推荐

  • Android编程开发ScrollView中ViewPager无法正常滑动问题解决方法

    本文实例讲述了Android编程开发ScrollView中ViewPager无法正常滑动问题解决方法.分享给大家供大家参考,具体如下: 这里主要介绍如何解决ViewPager在ScrollView中滑动经常失效.无法正常滑动问题. 解决方法只需要在接近水平滚动时ScrollView不处理事件而交由其子View(即这里的ViewPager)处理即可,重写ScrollView的onInterceptTouchEvent函数,如下: package cc.newnews.view; import an

  • Android中实现监听ScrollView滑动事件

    Android中实现监听ScrollView滑动事件

    时候我们需要监听ScroView的滑动情况,比如滑动了多少距离,是否滑到布局的顶部或者底部.可惜的是SDK并没有相应的方法,不过倒是提供了一个 复制代码 代码如下: protected void onScrollChanged(int x, int y, int oldx, int oldy) 方法,显然这个方法是不能被外界调用的,因此就需要把它暴露出去,方便使用.解决方式就是写一个接口, 复制代码 代码如下: package com.example.demo1;    public inter

  • 详解Android应用开发中Scroller类的屏幕滑动功能运用

    详解Android应用开发中Scroller类的屏幕滑动功能运用

    今天给大家介绍下Android中滑屏功能的一个基本实现过程以及原理初探,最后给大家重点讲解View视图中scrollTo 与scrollBy这两个函数的区别 .   首先 ,我们必须明白在Android View视图是没有边界的,Canvas是没有边界的,只不过我们通过绘制特定的View时对Canvas对象进行了一定的操作,例如 : translate(平移).clipRect(剪切)等,以便达到我们的对该Canvas对象绘制的要求 ,我们可以将这种无边界的视图称为"视图坐标"----

  • Android Scroll滑动效果实例

    Android Scroll滑动效果实例

    相对于在Android2.x版本上出现的长按.点击事件的效果,不得不说,滑动操作具有更好的用户体验.因此,从Android 4.X版本开始,出现了更多滑动操作的效果.越来越多第三方应用模仿这样的效果,来改善自己的应用.本文,我们刨根问底来探寻滑动效果的产生. 滑动效果如何产生 滑动一个View,其本质就是移动一个View.便是改变它的坐标位置,它的原理与动画产生的效果原理应该是如出一辙的.其最终本质都是改变其坐标.所以,我们要实现View滑动的效果,就只需要监听用户的触摸事件,动态改变View的

  • Android继承ViewGroup实现Scroll滑动效果的方法示例

    本文实例讲述了Android继承ViewGroup实现Scroll滑动效果的方法.分享给大家供大家参考,具体如下: extends ViewGroup需要重写onMeasure和onLayout方法 onMeasure方法是去测量ViewGroup需要的大小以及包含的子View需要的大小. 执行完上面的方法后,再执行onLayout方法去设置子View的摆放位置. 实现Scroll滑动效果需要去检测滑动速率,即要知道每个单位时间滑动了多少像素值,根据这个像素值去判断Scroll滑动到下一页还是上

  • Android 自定义 HorizontalScrollView 打造多图片OOM 的横向滑动效果(实例代码)

    Android 自定义 HorizontalScrollView 打造多图片OOM 的横向滑动效果(实例代码)

    自从Gallery被谷歌废弃以后,Google推荐使用ViewPager和HorizontalScrollView来实现Gallery的效果.的确HorizontalScrollView可以实现Gallery的效果,但是HorizontalScrollView存在一个很大的问题,如果你仅是用来展示少量的图片,应该是没问题的,但是如果我希望HorizontalScrollView可以想ViewPager一样,既可以绑定数据集(动态改变图片),还能做到,不管多少图片都不会OOM(ViewPager内

  • Android编程滑动效果之Gallery仿图像集浏览实现方法

    Android编程滑动效果之Gallery仿图像集浏览实现方法

    本文实例讲述了Android编程滑动效果之Gallery仿图像集浏览实现方法.分享给大家供大家参考,具体如下: Android系统自带一个Gallery浏览图片的应用,通过手指拖动时能够非常流畅的显示图片,用户交互和体验都很好. 本示例就是通过Gallery和自定义的View,模仿实现一个仿Gallery图像集的图片浏览效果.效果图如下: 1.基本原理 在 Activity 中实现 OnGestureListener 的接口 onFling() 手势事件,通过自定义的 View 绘制draw()

  • Android编程滑动效果之Gallery+GridView实现图片预览功能(附demo源码下载)

    Android编程滑动效果之Gallery+GridView实现图片预览功能(附demo源码下载)

    本文实例讲述了Android编程滑动效果之Gallery+GridView实现图片预览功能.分享给大家供大家参考,具体如下: Android系统自带一个GridView和Gallery两个控件,GridView网格显示,Gallery单个浏览,两者结合起来可以真正实现Gallery浏览图片效果. 本示例通过GridView和Gallery两个控件,模仿实现一个完整的仿Gallery图像集的图片浏览效果.效果图如下: 1.GridView 首先,自定义一个GridImageAdapter图片适配器

  • Android编程滑动效果之倒影效果实现方法(附demo源码下载)

    Android编程滑动效果之倒影效果实现方法(附demo源码下载)

    本文实例讲述了Android编程滑动效果之倒影效果实现方法.分享给大家供大家参考,具体如下: 前面介绍了使用<Android编程实现3D滑动旋转效果的方法>,现在介绍图片倒影实现,先看效果图 这里主要通过自定义Gallery和ImageAdapter(继承自BaseAdapter)实现 1.倒影绘制 ImageAdapter继承自BaseAdapter,详细实现可见前面关于Android Gallery的用法.这里重点介绍倒影原理及实现 倒影原理: 倒影效果是主要由原图+间距+倒影三部分组成,

  • Android实现滑动效果

    本文实例为大家分享了Android实现滑动效果的具体代码,供大家参考,具体内容如下 坐标系与视图坐标系相辅相成 1.坐标系:描述了View在屏幕中的位置关系(以屏幕最左上角的顶点作为Android坐标系的原点) 2.视图坐标系:描述了子视图在父视图中的位置关系(以父视图最左上角为坐标系原点) 获取坐标值的方法 1.View提供的获取坐标方法 getTop():获取到的是View自身的顶边到其父布局顶边的距离 getLeft():获取到的是View自身的左边到其父布局顶边的距离 getRight(

  • vue实现左右滑动效果实例代码

    前言 个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用,如果也适用其他人请随意拿走勿喷就行! vue.js是现在流行的js框架之一,vue 是一套用于构建用户界面的渐进式javascript框架,与其它大型框架不同的是:vue被设计为可以自底向上逐层应用.vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合,另外一个方面,当vue与现代化的工具链以及各种支持类库结合使用时,vue也完全能够为复杂的单页应用提供驱动. vue.js是用于构建交互式的Web界面的库,它

  • android Gallery组件实现的iPhone图片滑动效果实例

    android Gallery组件实现的iPhone图片滑动效果实例

    实现的效果图,可左右滑动: 一.先在将Gallery标签放入: 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:orientation="vertical"     android:layo

  • Android Scroll实现弹性滑动_列表下拉弹性滑动的示例代码

    我这一次讲使用scroll实现弹性滑动,我不会只有一个例子就说完,因为写文章的时候我也在学习,我分几次讲完吧. 首先上一段代码, private void smoothScrollByScroller(int dy){ mScroller.startScroll(0,dy,0,dy*-1,1000); invalidate(); } @Override public void computeScroll() { if (mScroller.computeScrollOffset()) { scr

随机推荐