Android-View滑动

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平移的是手机屏幕的位置,如图:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值