跟随滑动的几种方法

转载 2016年08月30日 17:23:32

android view移动的六种方法。


一、layout()

     将滑动后的目标位置的坐标传递给layout(),这样子就会把view的位置给重新布置了一下,在视觉上就是view的一个滑动的效果。

public class DragView extends View{
  private int lastX;
  private int lastY;
  public DragView(Context context, AttributeSet attrs) {
    super(context, attrs);
  }
  public boolean onTouchEvent(MotionEvent event) {
    //获取到手指处的横坐标和纵坐标
    int x = (int) event.getX();
    int y = (int) event.getY();
    switch(event.getAction()){
      case MotionEvent.ACTION_DOWN:
        lastX = x;
        lastY = y;
      break;
      case MotionEvent.ACTION_MOVE:
        //计算移动的距离
        int offX = x - lastX;
        int offY = y - lastY;
        //调用layout方法来重新放置它的位置
        layout(getLeft()+offX, getTop()+offY,
          getRight()+offX  , getBottom()+offY);
      break;
    }
    return true;//要返回true
  }
}

二、offsetLeftAndRight() offsetTopAndBottom()

其实这两个方法分别是对左右移动和上下移动的封装,传入的就是偏移量。

public boolean onTouchEvent(MotionEvent event) {
    //获取到手指处的横坐标和纵坐标
    int x = (int) event.getX();
    int y = (int) event.getY();
    switch(event.getAction()){
      case MotionEvent.ACTION_DOWN:
        lastX = x;
        lastY = y;
      break;
      case MotionEvent.ACTION_MOVE:
        //计算移动的距离
        int offX = x - lastX;
        int offY = y - lastY;
        offsetLeftAndRight(offX);
        offsetTopAndBottom(offY);
      break;
    }
    return true;
  }

三、LayoutParams

public boolean onTouchEvent(MotionEvent event) {
    //获取到手指处的横坐标和纵坐标
    int x = (int) event.getX();
    int y = (int) event.getY();
    switch(event.getAction()){
      case MotionEvent.ACTION_DOWN:
        lastX = x;
        lastY = y;
      break;
      case MotionEvent.ACTION_MOVE:
        //计算移动的距离
        int offX = x - lastX;
        int offY = y - lastY;
        ViewGroup.MarginLayoutParams mlp = 
            (MarginLayoutParams) getLayoutParams();
        mlp.leftMargin = getLeft()+offX;
        mlp.topMargin = getTop()+offY;
        setLayoutParams(mlp);
      break;
    }
    return true;
  }

四&五、scrollTo() scrollBy()

sceollTo(x,y)传入的应该是移动的终点坐标

scrollBy(dx,dy)传入的是移动的增量。

通过scrollBy传入的值应该是你需要的那个增量的相反数!

public boolean onTouchEvent(MotionEvent event) {
//获取到手指处的横坐标和纵坐标
int x = (int) event.getX();
int y = (int) event.getY();
switch(event.getAction()){
  case MotionEvent.ACTION_DOWN:
    lastX = x;
    lastY = y;
  break;
  case MotionEvent.ACTION_MOVE:
    //计算移动的距离
    int offX = x - lastX;
    int offY = y - lastY;
    ((View) getParent()).scrollBy(-offX,- offY);
  break;
}
return true;
}

六、Scroller

  • 步骤一:

初始化Scroller对象,即

mScroller = new Scroller(context)
  • 步骤二:

重写computeScroll()方法,实现模拟滑动。可以复制下面的末模板代码:

public void computeScroll() {
  super.computeScroll();
  if(mScroller.computeScrollOffset()){
    ((View)getParent()).scrollTo(mScroller.getCurrX(),mScroller.getCurrY());
  }
  invalidate();//必须要调用
}
  • 步骤三:

开启模拟过程,在合适的地方(一般都在move中)startScroll方法。它有两个重载方法如下:

startScroll(int startX,int startY, int dx,int dy,int duration)
startScroll(int startX,int startY,int dx,int dy)

需要说明的是:

  • 1.computeScrollOffset方法用来判断是否完成了整个滑动,返回为true,则说明没有完成,否则则完成滑动。

  • 2.getCurrY()以及getCurrX()获得的是当前的滑动坐标。

  • 3.最后必须要用invalidate方法来刷新。因为computeScroll方法不会自动调用,是在draw方法中被调用的。所以必须使用invalidate刷新,就会调用draw方法,自然就会调用computeScroll方法了。这样子就会实现循环调用。

  • 4.在startScroll中,偏移量跟使用scrollBy方法中的偏移量用法是一样的,即也必须填写你实际想要移动距离的相反数。也就是你实际想让它偏移一个正值,这里就填写它相应的负值,如果想偏移一个负值,这里就填写相应的正值!

    public class DragView extends View{
      private int lastX;
      private int lastY;
      private Scroller mScroller;
      public DragView(Context context, AttributeSet attrs) {
        super(context, attrs);
        mScroller = new Scroller(context);
      }
      public boolean onTouchEvent(MotionEvent event) {
        //获取到手指处的横坐标和纵坐标
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch(event.getAction()){
          case MotionEvent.ACTION_DOWN:
            lastX = x;
            lastY = y;
          break;
          case MotionEvent.ACTION_MOVE:
            //计算移动的距离
            int offX = x - lastX;
            int offY = y - lastY;
            View viewGroup = (View) getParent();
            ((View) getParent()).scrollBy(-offX,- offY);
          break;
        case MotionEvent.ACTION_UP:
          View viewGroup = (View) getParent();
          //开启滑动,让其回到原点
          mScroller.startScroll(viewGroup.getScrollX(),
              viewGroup.getScrollY(),
              -viewGroup.getScrollX() ,-viewGroup.getScrollY());
          break;
        }
        return true;
      }
      public void computeScroll() {
        super.computeScroll();
        if(mScroller.computeScrollOffset()) {
          ((View)getParent()).scrollTo(mScroller.getCurrX(),
                mScroller.getCurrY());
        } 
        invalidate();//必须要调用
      }
    }
    

網頁設計% JS 移动端原生JS实现手指跟随触控滑动

手指跟隨事件, 就像是側滑變換幻燈片这里写的PageSlide的使用的方法是将HTML结构写好后往里传参就可以了.它接受所有滑动页面对象(在这里是document.querySelector(‘#pa...
  • chienweiluo
  • chienweiluo
  • 2016年12月06日 20:50
  • 909

Android学习笔记-使用layout方法使View随手指的滑动而滑动

看AndroidHero 这本书时,有一个例子是关于移动View使用view的layout方法来移动,对于触摸事件的处理在这里记录一下 1.思路在View的onTouchEvent方法中对Motion...
  • u014738387
  • u014738387
  • 2016年01月17日 15:34
  • 793

实现view跟着手指滑动的效果(实现方式一)

实现该效果的基本思想是:当触摸view时,系统记下当前触摸点的坐标,当手指移动时,系统记下移动后的触摸点坐标,从而获取到相对于前一次坐标点的偏移量,并通过偏移量来修改view的坐标,这样不断重复,从而...
  • sweetzhangxue
  • sweetzhangxue
  • 2016年11月22日 16:00
  • 1275

Android 跟随手指滑动的控件

* 最近公司有新的需求,实现一个跟随手指滑动控件,特此写了一个Demo记录一下 * 先看一下效果图 实现原理:根据手势移动的距离动态设置控件的MarginLeft和Marg...
  • Myadmini
  • Myadmini
  • 2017年02月07日 12:48
  • 1527

Android 自定义View 让内容跟随手指滚动

需求: 自定义一个View,当Canvas绘制的内容超过当前屏幕,希望能够通过手指触摸屏幕的方法移动画布的内容。 实现思路: 通过View的OnTouchEvent方法可以监听当前手指的位置,可以...
  • mxw3755
  • mxw3755
  • 2016年05月25日 16:34
  • 804

DIV+js+css跟随鼠标的浮动提示框

转载地址:http://blog.163.com/meng_qiang/blog/static/1773543732011416105516937/
  • qm2010429
  • qm2010429
  • 2014年06月19日 11:24
  • 2588

【jQuery应用】导航栏滑块随鼠标移动

刚写了一个导航栏的效果。为达到的效果是这样的: 当鼠标放在jQuery上面时,Python上方的棕色滑块会滑动到jQuery上方,当鼠标离开导航栏时,滑块重新回到Python上方。...
  • ReusLi
  • ReusLi
  • 2015年09月23日 09:06
  • 1752

实现滑动的几种方法

本文主要讲述几种常用的滑动方法,顺便使用一下触控事件MotionEvent MotionEvent的触控事件 通常我们会在onTouchEvent(MotionEvent event)方法中来...
  • u010669517
  • u010669517
  • 2016年03月19日 22:54
  • 192

自定义圆形View:实现跟随手指移动的小球

一. 需求功能: 手指在屏幕上滑动,红色的小球始终跟随手指移动。 实现的思路: 1)自定义View,在onDraw中画圆作为小球; 2)重写自定义View的onTouchEvent方法,记...
  • IT666DHW
  • IT666DHW
  • 2017年11月03日 14:46
  • 392

CSS3实现一个鼠标跟随动态旋转效果

技术点:CSS3里的3D旋转实现这个效果需要对CSS3的3D旋转还有对JQuery有一定的认识,因为这是本效果具体使用到的技术;这里不去详细讲解这两个基础知识点,只讲具体实现思路以及实现代码。 ...
  • dydjtb
  • dydjtb
  • 2017年07月21日 17:25
  • 662
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:跟随滑动的几种方法
举报原因:
原因补充:

(最多只允许输入30个字)