android studio 悬浮面板 android悬浮按钮可拖拽

转载

卫斯理 2023-08-01 11:14:28

文章标签 android studio 悬浮面板 android Powered by 金山文档自定义 ide 文章分类 Android 移动开发

在有Button的view中，如果只实现OnClickListener方法，在按住按钮进行拖动时，就处理不了拖动的效果，拖动的动作会被识别为点击按钮，chatGPT在应用层的处理还是很强的，我们再来问一下，看看有没有好的答案。

实现Android中可以拖动的悬浮窗

要实现 Android 中可以拖动的悬浮窗，我们需要在前面所述的基础上，添加一些拖动窗口的逻辑。

以下是一个简单的例子：

创建一个自定义的 View

我们创建一个自定义的 View，用于显示悬浮窗和处理拖动事件。在该 View 中，我们可以添加任何我们想要显示的 UI 组件，例如按钮、文本框、图像等等。同时，在该 View 中，我们需要处理触摸事件，以响应用户的拖动手势。

javaCopy

public class FloatingWindowView extends FrameLayout implements View.OnTouchListener {
    private WindowManager mWindowManager;
    private WindowManager.LayoutParams mLayoutParams;
    private float mLastX;
    private float mLastY;
    public FloatingWindowView(Context context) {
        super(context);
        init();
    }

    public FloatingWindowView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public FloatingWindowView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        LayoutInflater.from(getContext()).inflate(R.layout.view_floating_window, this);
        setOnTouchListener(this);
        mWindowManager = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);
        mLayoutParams = new WindowManager.LayoutParams();
        mLayoutParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
        mLayoutParams.format = PixelFormat.RGBA_8888;
        mLayoutParams.gravity = Gravity.TOP | Gravity.LEFT;
        mLayoutParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
        mLayoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
        mLayoutParams.x = 0;
        mLayoutParams.y = 0;
    }

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mLastX = event.getRawX();
                mLastY = event.getRawY();
                break;
            case MotionEvent.ACTION_MOVE:
                float dx = event.getRawX() - mLastX;
                float dy = event.getRawY() - mLastY;
                mLayoutParams.x += dx;
                mLayoutParams.y += dy;
                mWindowManager.updateViewLayout(this, mLayoutParams);
                mLastX = event.getRawX();
                mLastY = event.getRawY();
                break;
        }
        return true;
    }
}

在 Service 中添加 View 到 WindowManager

在 Service 中，我们需要将我们的自定义 View 添加到 WindowManager 中，以便它可以显示在屏幕上。我们可以使用 WindowManager.addView() 方法，将我们的 View 添加到 WindowManager 中。该方法需要传递两个参数：我们的 View 和 WindowManager.LayoutParams 对象。

javaCopy

public class FloatingWindowService extends Service {
    private WindowManager mWindowManager;
    private FloatingWindowView mFloatView;
    @Override
    public void onCreate() {
        super.onCreate();
        mFloatView = new FloatingWindowView(this);
    }

    @Override
    public int onStartCommand(Intent intent, int flags, int startId) {
        mWindowManager = (WindowManager) getSystemService(WINDOW_SERVICE);
        mWindowManager.addView(mFloatView, mFloatView.getLayoutParams());
        return super.onStartCommand(intent, flags, startId);
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        mWindowManager.removeView(mFloatView);
    }

    @Nullable
    @Override
    public IBinder onBind(Intent intent) {
        return null;
    }
}

这样，我们就完成了一个简单的 Android 中可以拖动的悬浮窗的实现。在实际开发中，我们可能需要根据具体需求进行更复杂的实现和处理。

如果悬浮窗view中有Button，怎么样让按住Button时也可以拖动

如果悬浮窗 View 中有 Button 或其他可点击的 UI 组件，我们需要在处理触摸事件时，对按下和释放事件进行特殊处理，以确保点击事件和拖动事件的正常响应。

以下是一个简单的实现方式：

在自定义 View 中添加按钮的触摸事件

我们在自定义 View 中，为按钮添加触摸事件监听器，以便处理按钮的按下和释放事件。

javaCopy

public class FloatingWindowView extends FrameLayout implements View.OnTouchListener {
    private boolean mIsDragging;
    private float mLastX;
    private float mLastY;
    public FloatingWindowView(Context context) {
        super(context);
        init();
    }

    public FloatingWindowView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public FloatingWindowView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        LayoutInflater.from(getContext()).inflate(R.layout.view_floating_window, this);
        setOnTouchListener(this);
        Button button = findViewById(R.id.btn);
        button.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                switch (event.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        mIsDragging = false;
                        break;
                    case MotionEvent.ACTION_UP:
                        if (!mIsDragging) {
                            // 处理按钮的点击事件
                            Toast.makeText(getContext(), "Button Clicked", Toast.LENGTH_SHORT).show();
                        }
                        break;
                }
                return false;
            }
        });
    }

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mIsDragging = false;
                mLastX = event.getRawX();
                mLastY = event.getRawY();
                break;
            case MotionEvent.ACTION_MOVE:
                float dx = event.getRawX() - mLastX;
                float dy = event.getRawY() - mLastY;
                if (!mIsDragging && (Math.abs(dx) > 10 || Math.abs(dy) > 10)) {
                    mIsDragging = true;
                }
                if (mIsDragging) {
                    WindowManager.LayoutParams layoutParams = (WindowManager.LayoutParams) getLayoutParams();
                    layoutParams.x += dx;
                    layoutParams.y += dy;
                    ((WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE)).updateViewLayout(this, layoutParams);
                    mLastX = event.getRawX();
                    mLastY = event.getRawY();
                }
                break;
        }
        return true;
    }
}

在 Service 中添加 View 到 WindowManager

javaCopy

public class FloatingWindowService extends Service {
    private WindowManager mWindowManager;
    private FloatingWindowView mFloatView;
    @Override
    public void onCreate() {
        super.onCreate();
        mFloatView = new FloatingWindowView(this);
    }

    @Override
    public int onStartCommand(Intent intent, int flags, int startId) {
        mWindowManager = (WindowManager) getSystemService(WINDOW_SERVICE);
        mWindowManager.addView(mFloatView, mFloatView.getLayoutParams());
        return super.onStartCommand(intent, flags, startId);
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        mWindowManager.removeView(mFloatView);
    }

    @Nullable
    @Override
    public IBinder onBind(Intent intent) {
        return null;
    }
}

这样，我们就完成了一个在悬浮窗 View 中添加按钮，并可以拖动的实现。在实际开发中，我们可能需要根据具体需求进行更复杂的实现和处理。

button.setOnTouchListener是用来做什么的

button.setOnTouchListener() 方法是用来设置按钮的触摸事件监听器的。

当用户在屏幕上按下、移动、释放手指时，系统会生成相应的触摸事件。我们可以通过设置触摸事件监听器，对这些事件进行处理，以实现各种交互效果。

在实现可拖动的悬浮窗时，我们需要在自定义 View 中处理触摸事件，以响应用户的拖动手势。但是如果在自定义 View 中添加了按钮，那么按钮的触摸事件也会被拦截，从而无法正常响应按钮的点击事件。

为了解决这个问题，我们需要在自定义 View 中，为按钮添加触摸事件监听器，并在其中特殊处理按钮的按下和释放事件。具体来说，我们需要在按钮的 MotionEvent.ACTION_DOWN 事件中，设置一个标志位，表示当前手势不是拖动手势。然后在按钮的 MotionEvent.ACTION_UP 事件中，判断标志位，如果手势不是拖动手势，就处理按钮的点击事件。

这样，我们就可以实现在拖动悬浮窗时，也可以正常响应按钮的点击事件了。

请用kotlin来写上面的例子

以下是使用 Kotlin 实现 Android 中可以拖动的悬浮窗的例子：

创建一个自定义的 View

kotlinCopy

class FloatingWindowView(context: Context) : FrameLayout(context), View.OnTouchListener {
    private val windowManager = context.getSystemService(Context.WINDOW_SERVICE) as WindowManager
    private val layoutParams: WindowManager.LayoutParams
    private var lastX = 0f
    private var lastY = 0f
    init {
        LayoutInflater.from(context).inflate(R.layout.view_floating_window, this)
        setOnTouchListener(this)
        layoutParams = WindowManager.LayoutParams(
            WindowManager.LayoutParams.WRAP_CONTENT,
            WindowManager.LayoutParams.WRAP_CONTENT,
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O)
                WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY
            else
                WindowManager.LayoutParams.TYPE_PHONE,
            WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
            PixelFormat.TRANSLUCENT
        ).apply {
            gravity = Gravity.TOP or Gravity.LEFT
            x = 0
            y = 0
        }
    }

    override fun onTouch(v: View?, event: MotionEvent): Boolean {
        when (event.action) {
            MotionEvent.ACTION_DOWN -> {
                lastX = event.rawX
                lastY = event.rawY
            }
            MotionEvent.ACTION_MOVE -> {
                val dx = event.rawX - lastX
                val dy = event.rawY - lastY
                layoutParams.x += dx.toInt()
                layoutParams.y += dy.toInt()
                windowManager.updateViewLayout(this, layoutParams)
                lastX = event.rawX
                lastY = event.rawY
            }
        }
        return true
    }
}

在 Service 中添加 View 到 WindowManager

kotlinCopy

class FloatingWindowService : Service() {
    private lateinit var windowManager: WindowManager
    private lateinit var floatingWindowView: FloatingWindowView
    override fun onCreate() {
        super.onCreate()
        floatingWindowView = FloatingWindowView(this)
    }

    override fun onStartCommand(intent: Intent?, flags: Int, startId: Int): Int {
        windowManager = getSystemService(Context.WINDOW_SERVICE) as WindowManager
        windowManager.addView(floatingWindowView, floatingWindowView.layoutParams)
        return super.onStartCommand(intent, flags, startId)
    }

    override fun onDestroy() {
        super.onDestroy()
        windowManager.removeView(floatingWindowView)
    }

    override fun onBind(intent: Intent?): IBinder? {
        return null
    }
}

这样，我们就完成了一个简单的 Kotlin 实现 Android 中可以拖动的悬浮窗的例子。在实际开发中，我们可能需要根据具体需求进行更复杂的实现和处理。

上面的例子中，没有java程序中那样的Button拖动的处理，请添加一下

当悬浮窗 View 中有 Button 或其他可点击的 UI 组件时，我们需要在处理触摸事件时，对按下和释放事件进行特殊处理，以确保点击事件和拖动事件的正常响应。

以下是一个简单的 Kotlin 实现方式：

在自定义 View 中添加按钮的触摸事件

我们在自定义 View 中，为按钮添加触摸事件监听器，以便处理按钮的按下和释放事件。

kotlinCopy

class FloatingWindowView(context: Context) : FrameLayout(context), View.OnTouchListener {
    private val windowManager = context.getSystemService(Context.WINDOW_SERVICE) as WindowManager
    private val layoutParams: WindowManager.LayoutParams
    private var lastX = 0f
    private var lastY = 0f
    private var isDragging = false
    init {
        LayoutInflater.from(context).inflate(R.layout.view_floating_window, this)
        setOnTouchListener(this)
        layoutParams = WindowManager.LayoutParams(
            WindowManager.LayoutParams.WRAP_CONTENT,
            WindowManager.LayoutParams.WRAP_CONTENT,
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O)
                WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY
            else
                WindowManager.LayoutParams.TYPE_PHONE,
            WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
            PixelFormat.TRANSLUCENT
        ).apply {
            gravity = Gravity.TOP or Gravity.LEFT
            x = 0
            y = 0
        }
        val button = findViewById<Button>(R.id.btn)
        button.setOnTouchListener { _, event ->
            when (event.action) {
                MotionEvent.ACTION_DOWN -> {
                    isDragging = false
                }
                MotionEvent.ACTION_UP -> {
                    if (!isDragging) {
                        // 处理按钮的点击事件
                        Toast.makeText(context, "Button Clicked", Toast.LENGTH_SHORT).show()
                    }
                }
            }
            false
        }
    }

    override fun onTouch(v: View?, event: MotionEvent): Boolean {
        when (event.action) {
            MotionEvent.ACTION_DOWN -> {
                isDragging = false
                lastX = event.rawX
                lastY = event.rawY
            }
            MotionEvent.ACTION_MOVE -> {
                val dx = event.rawX - lastX
                val dy = event.rawY - lastY
                if (!isDragging && (dx.absoluteValue > 10 || dy.absoluteValue > 10)) {
                    isDragging = true
                }
                if (isDragging) {
                    layoutParams.x += dx.toInt()
                    layoutParams.y += dy.toInt()
                    windowManager.updateViewLayout(this, layoutParams)
                    lastX = event.rawX
                    lastY = event.rawY
                }
            }
        }
        return true
    }
}

在 Service 中添加 View 到 WindowManager

kotlinCopy

class FloatingWindowService : Service() {
    private lateinit var windowManager: WindowManager
    private lateinit var floatingWindowView: FloatingWindowView
    override fun onCreate() {
        super.onCreate()
        floatingWindowView = FloatingWindowView(this)
    }

    override fun onStartCommand(intent: Intent?, flags: Int, startId: Int): Int {
        windowManager = getSystemService(Context.WINDOW_SERVICE) as WindowManager
        windowManager.addView(floatingWindowView, floatingWindowView.layoutParams)
        return super.onStartCommand(intent, flags, startId)
    }

    override fun onDestroy() {
        super.onDestroy()
        windowManager.removeView(floatingWindowView)
    }

    override fun onBind(intent: Intent?): IBinder? {
        return null
    }
}

这样，我们就完成了一个在悬浮窗 View 中添加按钮，并可以拖动的 Kotlin 实现。在实际开发中，我们可能需要根据具体需求进行更复杂的实现和处理。

本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。