Android实现控件滑动的几种方法
当我们用手指滑动一个控件View,从本质上来说就是移动一个View,改变其当前所处的位置,它的实现原理与动画效果的实现类似,都是通过不断的改变View的坐标来实现这个效果。相比于老版本中的控件的操作是点击和长按,而目前基本上应用都利用了滑动的操作方式来增加用户的体验,所以有必要来了解下Android的控件滑动的几种方法。
在实现滑动效果之前,首先先认识下Android中窗口坐标体系和屏幕的触摸事件----MotionEvent.
Android获取控件的位置,一般有两类方法,一个是通过getRawX()、getRawY()方法,一个是通过getX()、getY()方法。而这两种方法获取的值,在意义上说是由区别的,前者是以系统屏幕上左上角顶点为原点;后者以父视图的左上角为坐标原点的。如下图所示:
触摸控制事件主要有以下几种动作::ACTION_DOWN, ACTION_UP, ACTION_MOVE, ACTION_CANCEL, ACTION_OUTSIDE, ACTION_POINTER_DOWN , ACTION_POINTER_UP
通常情况下,我们会在onTounchEvent(MotionEvent event)方法中通过event.getAction()的方法来获取触摸控件事件的类型,并使用switch-case方法进行筛选。代码如下:
@Override public boolean onTouchEvent(MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_DOWN://处理手指按下事件 break; case MotionEvent.ACTION_MOVE://处理手指移动事件 break; case MotionEvent.ACTION_UP://处理手指离开事件 break; } return true;//表示本控件拦截触摸事件 }
我们可以通过系统提供的API进行View的滑动,实现方法有多种,但基本思想都是一致的,即当触摸View时,系统记下当前触摸点的坐标,当手指移动时,系统记下移动后的触摸点坐标,从而获取到相对于前一次坐标点的偏移量,并通过偏移量来修改View的坐标,这样不断的重复,从而实现滑动的效果。
具体实现:首先新建一个View,在activity_main中新建。
这里多加了个button做参考物。 1.利用layout()方法
import android.content.Context;import android.graphics.Color;import android.util.AttributeSet;import android.view.MotionEvent;import android.view.View;public class DragView1 extends View { private int lastX; private int lastY; public DragView1(Context context) { super(context); } public DragView1(Context context, AttributeSet attrs) { super(context, attrs); } public DragView1(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } // 视图坐标方式 @Override 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 offsetX = x - lastX; int offsetY = y - lastY; // 在当前left、top、right、bottom的基础上加上偏移量 layout(getLeft() + offsetX, getTop() + offsetY, getRight() + offsetX, getBottom() + offsetY); break; } return true; }}
上面使用的是getX()、getY()方法获取的坐标值,即通过视图View的坐标来获取的偏移量。当然,同样可以使用getRawX()、getRawY()方法老获取坐标。如下所示: @Override public boolean onTouchEvent(MotionEvent event) { int rawX = (int) event.getRawX(); int rawY = (int) event.getRawY(); switch (event.getAction()) { case MotionEvent.ACTION_DOWN: // 记录触摸点坐标 lastX = rawX; lastY = rawY; break; case MotionEvent.ACTION_MOVE: // 计算偏移量 int offsetX = rawY - lastX; int offsetY = rawY - lastY; // 在当前left、top、right、bottom的基础上加上偏移量 layout(getLeft() + offsetX, getTop() + offsetY, getRight() + offsetX, getBottom() + offsetY); //重新设置初始坐标 lastX = rawX; lastY = rawY; break; } return true; }
注意:使用绝对坐标系后,在ACTION_MOVE的逻辑后,一定要重新设置初始坐标,这样才能准确地获取偏移量。
这里也可以利用setX(),setY()方法进行控件的滑动。
float downX, downY; float moveX, moveY; @Override public boolean onTouchEvent(MotionEvent event) { if (event.getAction() == MotionEvent.ACTION_DOWN) { downX = event.getRawX(); downY = event.getRawY(); } if (event.getAction() == MotionEvent.ACTION_MOVE) { moveX = event.getRawX(); moveY = event.getRawY(); this.setX(getX() + (moveX - downX)); this.setY(getY() + (moveY - downY)); downX = moveX; downY = moveY; } return true;// 返回true 表示 处理Touch事件 // return super.onTouchEvent(event); }
2.offsetLeftAndRight()和offsetTopAndBottom()方法
这个相当于系统提供的对左右、上下移动API的封装,当计算出偏移量后,只要使用如下代码就可以完成View的重新布局,效果与使用Layout方法一样。代码如下:
//同时对left和right进行偏移设置offsetLeftAndRight(offsetX);//同时对Top和Bottom进行偏移设置offsetTopAndBottom(offsetY);
3.LayoutParams LayoutParams保存了一个View的布局参数,因此可以通过改变LayoutParams来动态地修改一个布局的位置参数,从而达到改变View位置的效果。可以通过getLayoutParams来获取一个Viewd LayoutParams。这里计算偏移量的方法和第一个Layout方法中的一样。当获取到偏移量后,通过设置setLayoutParams来改变其LayoutParams,代码如下:
@Override public boolean onTouchEvent(MotionEvent event) { int x = (int) event.getX(); int y = (int) event.getY(); switch (event.getAction()) { case MotionEvent.ACTION_DOWN: // 记录触摸点坐标 lastX = (int) event.getX(); lastY = (int) event.getY(); break; case MotionEvent.ACTION_MOVE: // 计算偏移量 int offsetX = x - lastX; int offsetY = y - lastY;LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams(); //ViewGroup.MarginLayoutParams layoutParams = (ViewGroup.MarginLayoutParams) getLayoutParams(); layoutParams.leftMargin = getLeft() + offsetX; layoutParams.topMargin = getTop() + offsetY; setLayoutParams(layoutParams); break; } return true; }
如果我们使用下面的ViewGroup.Margin的话,使用更加方便,不需要考虑父布局。 4.scrollTo与scrollBy
在一个View中,系统提供了scrollTo、scrollBy两种方式来改变一个View的位置。这两个方法的区别也很好理解,scrollTo(x,y)表示移动到坐标点(x,y),scrollBy(x,y)表示移动的增量为x、y。
与前几种方式相同,在获取到偏移量后使用scrollBy来移动View,代码如下:
@Override public boolean onTouchEvent(MotionEvent event) { int x = (int) event.getX(); int y = (int) event.getY(); switch (event.getAction()) { case MotionEvent.ACTION_DOWN: lastX = (int) event.getX(); lastY = (int) event.getY(); break; case MotionEvent.ACTION_MOVE: int offsetX = x - lastX; int offsetY = y - lastY; ((View) getParent()).scrollBy(-offsetX, -offsetY); break; } return true; }
可以看到的是在scrollBy中的参数设置的是为负数,这是因为我们要将画布内容相对于坐标轴正向移动,为此需要将偏移量改为负值。 5.属性动画
同样,使用属性动画,我们也可以控制View的移动效果。
文章参考自《Android群英传》
更多相关文章
- Android(安卓)使用动画效果后的控件位置处理 类似系统通知栏下拉
- 2020新鲜出炉的Android大厂面试题锦集(BAT TMD JD 小米),Github标
- PermissionX现在支持Java了!还有Android(安卓)11权限变更讲解
- Android里的动画(补间动画,帧动画,属性动画)
- Android图形---OpenGL(三)
- 进阶Frida--Android逆向之动态加载dex Hook(三)
- Android系列之Android系列之如何成为Android编程高手第三篇
- RN系列:RN使用Android原生控件或自定义组件
- 【译】Android中的安全数据— Android中的加密(第2部分)