layout方法
View进行绘制的时候会调用onLayout()方法来设置显示的位置,因此我们同样也可以通过修改View 的left、top、right、bottom这4种属性来控制View的坐标。
自定义View代码:
package com.echo.layout;
import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
public class CustomView extends View {
private float preX; //用于上一个位置的X坐标
private float preY; //用于上一个位置的Y坐标
public CustomView(Context context) {
super(context);
}
public CustomView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public CustomView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
float x = event.getX();
float y = event.getY();
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN: //记录按下时的位置
preX = x;
preY = y;
break;
case MotionEvent.ACTION_MOVE:
int offsetX = (int)(x - preX); //计算出偏移量
int offsetY = (int)(y - preY);
layout(getLeft() + offsetX, getTop() + offsetY, getRight() + offsetX, getBottom() + offsetY); //调用layout方法,改变View的位置
break;
}
return true;
}
}
在Layout文件中使用:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<com.echo.layout.CustomView
android:layout_width="50dp"
android:layout_height="50dp"
android:background="#000000"/>
</LinearLayout>
效果图:
offsetLeftAndRight()与offsetTopAndBottom()
offsetLeftAndRight
:设置Left和Right的偏移量。offsetTopAndBottom
:设置Top和Bottom的偏移量。
使用这两个方法可以实现和上面一模一样的效果,只需要修改以下代码。
case MotionEvent.ACTION_MOVE:
int offsetX = (int)(x - preX); //计算出偏移量
int offsetY = (int)(y - preY);
//layout(getLeft() + offsetX, getTop() + offsetY, getRight() + offsetX, getBottom() + offsetY); //调用layout方法,改变View的位置
offsetLeftAndRight(offsetX);
offsetTopAndBottom(offsetY);
break;
LayoutParams
LayoutParams主要保存了一个View的布局参数,因此我们可以通过LayoutParams来改变View的布局参数从而达到改变View位置的效果。
case MotionEvent.ACTION_MOVE:
int offsetX = (int)(x - preX); //计算出偏移量
int offsetY = (int)(y - preY);
//layout(getLeft() + offsetX, getTop() + offsetY, getRight() + offsetX, getBottom() + offsetY); //调用layout方法,改变View的位置
LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams();
layoutParams.leftMargin += offsetX;
layoutParams.topMargin += offsetY;
setLayoutParams(layoutParams);
break;
因为父控件是 LinearLayout,所以用了 LinearLayout.LayoutParams。如果父控件是RelativeLayout, 则要使用RelativeLayout.LayoutParams。除了使用布局的LayoutParams外,还可以用 ViewGroup.MarginLayoutParams,以下代码与上面的功能相同。
case MotionEvent.ACTION_MOVE:
int offsetX = (int)(x - preX); //计算出偏移量
int offsetY = (int)(y - preY);
//layout(getLeft() + offsetX, getTop() + offsetY, getRight() + offsetX, getBottom() + offsetY); //调用layout方法,改变View的位置
ViewGroup.MarginLayoutParams layoutParams = (ViewGroup.MarginLayoutParams) getLayoutParams();
layoutParams.leftMargin += offsetX;
layoutParams.topMargin += offsetY;
setLayoutParams(layoutParams);
break;
scrollTo与scollBy
scrollTo(x,y)表示移动到一个具体的坐标点,而scrollBy(dx,dy)则表示移动的增量为dx、dy。其 中,scollBy最终也是要调用scollTo的。
scollTo、scollBy移动的是View的内容,如果在ViewGroup中使用,则是移动其所有的子View。我们将 ACTION_MOVE中的代码替换成如下代码:
((View)getParent()).scrollBy(-offsetX,-offsetY);
这里传入的是负参数,可以这么理解,scrollBy和scrollTo平移的是手机屏幕的位置,如图: