Android：触摸移动的悬浮窗口

代码比较简单。不会有详细的讲解，这个功能我之前是用来做实时音视频小窗口悬浮的，所以说最外层是FrameLayout，可以根据自己的需求变成图片，或者功能界面，都可以的。

准备工作：AndroidManifest添加权限

<uses-permission android:name="android.permission.SYSTEM_OVERLAY_WINDOW" />
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />



<--! 说明一下，第一个权限是8.0之后悬浮窗窗口类型设置需要，第二个权限假如不加的话，我oppo手机跳转悬浮窗设置时，找不到这个app -->

以及需要了解一些小知识：触摸事件中：getX getY是相对于当前View里的坐标； getRawX getRawY是相对于整个屏幕的坐标

大致思路：获取View添加至窗口触摸View的时候，根据触摸位置更新悬浮窗口位置，点击后，把这个View从窗口移除

上一下完成的图，用UC视频转gif转不了很长：

代码都有注释，直接看代码：

package com.zh.pullrefresh;

import android.content.Context;
import android.graphics.PixelFormat;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.ViewConfiguration;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.FrameLayout;
import android.widget.ImageView;

import androidx.annotation.NonNull;

public class SmallWindowsView extends FrameLayout {

    private int mSlop;//触发移动事件的最小距离
    private float downX;//手指放下去的x坐标
    private float downY;//手指放下去的Y坐标
    /**
     * 下面四个数据都为像素
     */
    private int screenWidth;//屏幕宽度
    private int screenHeight;//屏幕高度
    private int viewWidth;//小窗的宽度
    private int viewHeight;//小窗的高度

    private WindowManager wm;//窗口管理器，用来把view添加进窗口层
    private WindowManager.LayoutParams wmParams;

    public SmallWindowsView(@NonNull Context context) {
        super(context);
        init();
    }

    private void init() {
        ViewConfiguration vc = ViewConfiguration.get(getContext());
        mSlop = vc.getScaledTouchSlop();
        screenWidth = getContext().getResources().getDisplayMetrics().widthPixels;
        screenHeight = getContext().getResources().getDisplayMetrics().heightPixels;
        viewWidth = dp2px(getContext(), 130);
        viewHeight = dp2px(getContext(), 130);

        //可以根据你的实际情况在这个FrameLayout里添加界面控件之类的，
        // 我之前是用的实时音视频，把相关业务代码去掉了，直接放一个图标
        // 实际上就是拿到一个View从WindowManager给addView进去
        ImageView imageView = new ImageView(getContext());
        imageView.setImageResource(R.mipmap.ic_launcher);
        LayoutParams params = new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.MATCH_PARENT);
        addView(imageView, params);
    }

    //dp转px
    public int dp2px(Context context, int dp) {
        return (int) (getDensity(context) * dp + 0.5);
    }
    public float getDensity(Context context) {
        return context.getResources().getDisplayMetrics().density;
    }

    public void show() {
        wm = (WindowManager) getContext().getSystemService(Context.WINDOW_SERVICE);
        wmParams = new WindowManager.LayoutParams(
                viewWidth, viewHeight,
                WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY,//8.0以上需要用这个权限
                WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
                        | WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL,
                PixelFormat.TRANSLUCENT);
        wmParams.gravity = Gravity.NO_GRAVITY;
        wmParams.x = screenWidth/2 - viewWidth/2;
        wmParams.y = screenHeight/2 - viewHeight/2;
        wm.addView(this, wmParams);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        //本来想在这边直接设置宽高，但是有问题
//        setMeasuredDimension(QMUIDisplayHelper.dp2px(getContext(), 130), QMUIDisplayHelper.dp2px(getContext(), 130));
    }
    //拦截触摸事件自己消费
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return true;
    }
    private long downTime;
    private float lastMoveX;
    private float lastMoveY;
    //消费触摸事件
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                downX = event.getRawX();
                downY = event.getRawY();
                lastMoveX = downX;
                lastMoveY = downY;
                downTime = System.currentTimeMillis();
                break;
            case MotionEvent.ACTION_MOVE:
                float moveX = event.getRawX();
                float moveY = event.getRawY();
                //就两个坐标算他们距离要大于触发移动事件的最小距离
                //这里也可以减去lastMoveX lastMoveY 但是移动会有卡顿感 因此这里使用的还是downX downY
                if (Math.pow(Math.abs(moveX - downX), 2) + Math.pow(Math.abs(moveY - downY), 2) > Math.pow(mSlop, 2)) {
                    updateViewPosition(moveX - lastMoveX, moveY - lastMoveY);
                    lastMoveX = moveX;
                    lastMoveY = moveY;
                }

                break;
            case MotionEvent.ACTION_UP:
                float upX = event.getRawX();
                float upY = event.getRawY();
                long upTime = System.currentTimeMillis();
                long time = upTime - downTime;
                //点击事件实现 点击小窗口消失
                //这里加了时间判断，是因为假如移动到原来的地方，也会触发成点击事件
                if (Math.pow(Math.abs(upX - downX), 2) + Math.pow(Math.abs(upY - downY), 2) < Math.pow(mSlop, 2) && time < 1000) {
                    showRtcVideo();
                } else {

                }
                break;
        }
        return true;
    }
    private void showRtcVideo() {
        dismiss();
//        Toast.makeText(getContext(), "aaaaaaaaa", Toast.LENGTH_SHORT).show();
    }


    public void dismiss() {
        wm.removeView(this);
    }

    private void updateViewPosition(float moveX, float moveY) {
        wmParams.gravity = Gravity.NO_GRAVITY;
        //更新浮动窗口位置参数
        //        Log.d("moveX, moveY", moveX + "--" + moveY);
        wmParams.x = (int) (wmParams.x + moveX);
        wmParams.y = (int) (wmParams.y + moveY);
        //        刷新显示
        wm.updateViewLayout(this, wmParams);

    }
}

那么使用上需要注意一点，我new这个控件的时候，使用的context是application层级的，因为多个activity，悬浮窗窗口的生命周期明显是属于整个程序的，而不是属于某个activity，当然你假如做处理的话，也可以这么做：

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        final SmallWindowsView smallWindowsView = new SmallWindowsView(getApplicationContext());

        Button btShowWindow = findViewById(R.id.bt_show_window);
        btShowWindow.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (Build.VERSION.SDK_INT >= 23) {
                    if (!(Settings.canDrawOverlays(MainActivity.this))) {
                        Intent intent = new Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION);
                        intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
                        startActivity(intent);
                        return;
                    }
                } else {
                    if (!EasyPermissions.hasPermissions(MainActivity.this, Manifest.permission.SYSTEM_ALERT_WINDOW)) {
                        EasyPermissions.requestPermissions(MainActivity.this, "需要权限用以展示悬浮窗",
                                2048, Manifest.permission.SYSTEM_ALERT_WINDOW);
                        return;
                    }
                }
                smallWindowsView.show();
            }
        });
    }

注意权限的动态获取

Android：触摸移动的悬浮窗口

猜你喜欢