本文探讨了Android中实现控件滑动的多种方法，包括通过layout()、setX()、setY()、offsetLeftAndRight()、offsetTopAndBottom()、scrollTo和scrollBy以及属性动画。介绍了窗口坐标体系、触摸事件以及获取控件位置的不同方法，旨在提升用户交互体验。
当我们用手指滑动一个控件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中新建。
<LinearLayout 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"
android:orientation="vertical" >
<Button
android:id="@+id/button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="24dp"
android:layout_marginTop="22dp"
android:text="Button" />
<com.example.news.DragView1
android:id="@+id/my_drag_view"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_alignRight="@+id/button1"
android:layout_below="@+id/button1"
android:background="#354126" />
</LinearLayout>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;
}
}
@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);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;
}
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;
}5.属性动画
同样，使用属性动画，我们也可以控制View的移动效果。
文章参考自《Android群英传》
扫一扫
3684
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
