Android实现APP内悬浮框效果

2020年上班第一篇：实现在APP内悬浮框效果。可以打开，可以关闭，可以拖动，当然可以实现悬浮框点击事件。直接上代码：

1. 主界面

public class FloatingActivity extends AppCompatActivity {


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_floating);
        ButterKnife.bind(this);
    }

    @OnClick({R.id.open_floating, R.id.close_floating})
    public void buttonClick(View view) {
        switch (view.getId()) {
            case R.id.open_floating:
                showFloatingDialog();
                break;
            case R.id.close_floating:
                FloatingDialogManager.getInstance(this).hideFloatingWindow();
                break;
        }
    }

    @TargetApi(Build.VERSION_CODES.M)
    private void showFloatingDialog() {
        //判断悬浮框权限
        if (!Settings.canDrawOverlays(this)) {
            Toast.makeText(this, "当前无权限，请授权", Toast.LENGTH_SHORT);
            //跳转到系统授权页面
            startActivityForResult(new Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION, Uri.parse("package:" + getPackageName())), 0);
        } else {
            FloatingDialogManager.getInstance(this).showFloatingWindow();
        }
    }

    @TargetApi(Build.VERSION_CODES.M)
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if (requestCode == 0) {
            if (!Settings.canDrawOverlays(this)) {
                Toast.makeText(this, "授权失败", Toast.LENGTH_SHORT).show();
            } else {
                FloatingDialogManager.getInstance(this).showFloatingWindow();
            }
        }
    }
}

2.主界面布局：

<?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">

    <TextView
        android:id="@+id/open_floating"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:layout_margin="10dp"
        android:gravity="center"
        android:text="开启悬浮"
        android:textSize="16sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/close_floating"
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:layout_margin="10dp"
        android:gravity="center"
        android:text="关闭悬浮"
        android:textSize="16sp"
        android:textStyle="bold" />
</LinearLayout>

3.悬浮框工具类：

import static android.content.Context.WINDOW_SERVICE;


public class FloatWindowManager {
    private volatile static FloatWindowManager instance = null;
    private Activity mAct;
    private WindowManager windowManager;
    private WindowManager.LayoutParams layoutParams;
    private TextView button;


    private FloatWindowManager(Activity activity) {
        this.mAct = activity;
        init(mAct);
    }

    private void init(Activity activity) {
        windowManager = (WindowManager) activity.getSystemService(WINDOW_SERVICE);
        layoutParams = new WindowManager.LayoutParams();
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
            layoutParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
        } else {
            layoutParams.type = WindowManager.LayoutParams.TYPE_PHONE;
        }
        layoutParams.format = PixelFormat.RGBA_8888;
        layoutParams.gravity = Gravity.LEFT | Gravity.TOP;
        layoutParams.flags = WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;
        layoutParams.width = 150;
        layoutParams.height = 150;
        layoutParams.x = AppInfoUitl.getScreenWidth(mAct) - 100;
        layoutParams.y = AppInfoUitl.getScreenHeight(mAct) - 350;
    }

    public static FloatWindowManager getInstance(Activity mAct) {
        if (instance == null) {
            synchronized (FloatWindowManager.class) {
                if (instance == null) {
                    instance = new FloatWindowManager(mAct);
                }
            }
        }
        return instance;

    }


    @TargetApi(Build.VERSION_CODES.M)
    public void showFloatingWindow() {
        if (Settings.canDrawOverlays(mAct)) {
            button = new TextView(mAct);
//            button.setText("意见反馈");
//            button.setWidth(64);
//            button.setHeight(64);
            Drawable drawable = mAct.getResources().getDrawable(R.drawable.feed_back_float);
            drawable.setBounds(0, 0, drawable.getMinimumWidth(), drawable.getMinimumHeight());
            button.setCompoundDrawables(null, drawable, null, null);
            button.setText("反馈");
            button.setGravity(Gravity.CENTER);
            button.setPadding(5, 5, 5, 5);
//            button.setBackgroundResource(R.drawable.blue_rect);
            button.setTextColor(mAct.getResources().getColor(R.color.blue_text_color));
            windowManager.addView(button, layoutParams);

            button.setOnTouchListener(new FloatingOnTouchListener());
            button.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    Intent intent = new Intent(mAct.getApplicationContext(), AccountFeedbackActivity.class);
                    intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
                    mAct.startActivity(intent);
                }
            });
        }
        EsnopApplication.getApplication().setFloatingShown(true);
    }

    public void hideFloatingWindow() {
        if (null != button && windowManager != null) {
            windowManager.removeViewImmediate(button);
        }
        EsnopApplication.getApplication().setFloatingShown(false);
    }

    private class FloatingOnTouchListener implements View.OnTouchListener {
        private int x;
        private int y;
        private long startTime = 0;
        private long endTime = 0;

        private boolean isclick;

        @Override
        public boolean onTouch(View view, MotionEvent event) {
            switch (event.getAction()) {
                case MotionEvent.ACTION_DOWN:
                    x = (int) event.getRawX();
                    y = (int) event.getRawY();
                    isclick = false;//当按下的时候设置isclick为false，具体原因看后边的讲解
                    startTime = System.currentTimeMillis();
                    break;
                case MotionEvent.ACTION_MOVE:
                    isclick = true;
                    int nowX = (int) event.getRawX();
                    int nowY = (int) event.getRawY();
                    int movedX = nowX - x;
                    int movedY = nowY - y;
                    x = nowX;
                    y = nowY;
                    layoutParams.x = layoutParams.x + movedX;
                    layoutParams.y = layoutParams.y + movedY;
                    windowManager.updateViewLayout(view, layoutParams);
                    break;
                case MotionEvent.ACTION_UP:
                    endTime = System.currentTimeMillis();
                    //当从点击到弹起小于200毫秒的时候,则判断为点击,如果超过则不响应点击事件
                    if ((endTime - startTime) > 0.2 * 1000L) {
                        isclick = true;
                    } else {
                        isclick = false;
                    }
                    break;
                default:
                    break;
            }
            return isclick;
        }
    }

}

4.添加权限

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

5.效果图