Android 可拖动悬浮窗实现

点击上方蓝字关注公众号

码个蛋第322次推文

作者：Kuky_xs

博客：https://www.jianshu.com/p/1d22edea2647

最近公司的项目里，需要通过悬浮窗进行控制，悬浮窗根据手势进行拖动。当时同事给的建议用 ViewDragHelper 来实现(原谅没玩过这个东西，网上看了下教程挺牛逼的，算了，还是选择用手势监听做吧)，首先先给大伙看下最终的项目实现效果(模拟器上可能会卡顿，实际的运行效果还是很流畅的)。当然，最后我也不会把公司项目代码分享给大家伙，这里就给大家讲解下实现的思路。

项目最终效果

看完效果图，希望你能有点感兴趣，然后就开始上代码啦~，首先通过 WindowManager 添加一个指示的 indicatorView(就是侧边红色的条)，用来提示用户通过这边进行拖动悬浮窗，接着在手指在 indicatorView 按下的时候，添加一个空的 RelativeLayout，作为悬浮窗的 rootview，然后往 rootview 添加悬浮窗内容 contentView，通过 layout 方法，改变 contentView 的布局参数，也可以通过 LayoutParam 来设置，实现最终的效果。可能文字表达不够明确，贴一张手绘原理图

原理图

接下来就是代码一波流了，首先定义一个手势监听回调类，主要用来判断 indicatorView 的滑动的距离以及方向，然后悬浮窗可以根据 indicatorView 的滑动方向进行拖动

public abstract class OnFlingListener {
    // 手指按下
    public void onFingerDown() {
    }

    // 手指抬起
    public void onFingerUp(int slideDirection) {
    }

    // 手势上滑
    public void onScrollUp(float scrollY) {
    }

    // 手势下滑
    public void onScrollDown(float scrollY) {
    }

    // 手势左滑
    public void onScrollLeft(float scrollX) {
    }

    // 手势右滑
    public void onScrollRight(float scrollX) {
    }
}

 

定义完手势回调，就需要定义用来监听拖动手势的 indicatorView 啦，其主要作用是当焦点落到 indicatorView 的时候，通过用户的手势来拖动悬浮窗活动，这个可以根据自己的喜好进行编写

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/floating_bar_outside">

    <TextView
        android:id="@+id/touch_view"
        android:layout_width="200dp"
        android:layout_height="5dp"
        android:background="@color/colorAccent"
        android:clickable="true"
        android:focusable="true" />
</LinearLayout>

方便起见，我这边用 TextView 来作为 indicatorView，做好准备工作就要开始编写实际的操作逻辑啦，首先定义一个内部手势类，用来实现操作逻辑

class FloatViewOnGestureListener extends GestureDetector.SimpleOnGestureListener {
        // 回调类
        private OnFlingListener mFlingListener;
        
        // ..... 省略部分无关代码

        @Override
        public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
            float x = e2.getX() - e1.getX()