可以拖动的 view

最新推荐文章于 2023-07-12 23:03:30 发布

学不会的小弟

最新推荐文章于 2023-07-12 23:03:30 发布

阅读量551

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_35816104/article/details/52329959

本文介绍了一种实现在Android中创建可拖动按钮的方法。通过Activity实现OnTouchListener接口，并覆盖onTouch方法，记录并更新按钮的位置。ACTION_DOWN记录按下时的相对位置，ACTION_MOVE则更新按钮的坐标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文主要讲述一可以拖动动的view，这里讲述的是一个button 。这个场景我们应用最多的莫过于退居后台的音乐播放器，只有在桌面上显示一个操作器，而这个操作器是可以满屏拖动的。那么他们是如何实现的呢。

Activity实现了OnTouchListener接口，覆写了onTouch方法，每次回调这个方法通过x和y变量记录当前的坐标。
ACTION_DOWN是在按下的时候调用（没抬起来只调用一次），通过xDelta和yDelta来记录第一次按下的点相对于控件左上角的位置，也就是相对距离。
ACTION_MOVE移动的时候不断调用，通过xDistance和yDistance来记录移动的相对距离作为leftMargin和topMargin再动态设置给控件。
最后，调用invalidate方法更新控件位置。

下边看具体事例只有一个button

xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:id="@+id/root"
    >
    <Button
        android:id="@+id/id_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我是一个可以被拖动的按键" />
</RelativeLayout>

activity

package com.example.administrator.statusbarproject;

import android.graphics.Color;
import android.os.Build;
import android.support.v7.app.ActionBar;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.RelativeLayout;

public class MainActivity extends AppCompatActivity implements View.OnTouchListener{
    private Button mButton;
    private ViewGroup mViewGroup;
    private int xDelta;
    private int yDelta;
    public static final String TAG = "YAYUN";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mViewGroup = (ViewGroup) findViewById(R.id.root);
        mButton = (Button) findViewById(R.id.id_text);
        RelativeLayout.LayoutParams layoutParams = new RelativeLayout.LayoutParams(
                ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
        layoutParams.leftMargin = 20;
        layoutParams.topMargin =20;

        mButton.setLayoutParams(layoutParams);
        mButton.setOnTouchListener(this);
    }

    @Override
    public boolean onTouch(View view, MotionEvent event) {
        final int x = (int) event.getRawX();
        final int y = (int) event.getRawY();
        Log.d(TAG, "onTouch: x= " + x + "y=" + y);
        switch (event.getAction() & MotionEvent.ACTION_MASK) {
            case MotionEvent.ACTION_DOWN:
                RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) view
                        .getLayoutParams();
                xDelta = x - params.leftMargin;
                yDelta = y - params.topMargin;
                Log.d(TAG, "ACTION_DOWN: xDelta= " + xDelta + "yDelta=" + yDelta);
                break;
            case MotionEvent.ACTION_MOVE:
                RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) view
                        .getLayoutParams();
                int xDistance = x - xDelta;
                int yDistance = y - yDelta;
                Log.d(TAG, "ACTION_MOVE: xDistance= " + xDistance + "yDistance=" + yDistance);
                layoutParams.leftMargin = xDistance;
                layoutParams.topMargin = yDistance;
                view.setLayoutParams(layoutParams);
                break;
        }
        mViewGroup.invalidate();
        return true;
    }
}