Android实现系统级悬浮按钮

本文实例为大家分享了Android系统级悬浮按钮的具体代码，供大家参考，具体内容如下

具体的需求

1、就是做一个系统级的悬浮按钮，就像iPhone 桌面的那个悬浮按钮效果一样，能随意拖动，并且手一放开，悬浮按钮就自动靠边。
2、可以点击并且可以随意拖动。
3、悬浮按钮自动靠边的时候，或者移动到边上的时候，自动隐藏半边。
4、横竖屏切换都兼容

1、就在WindowManager 里面添加View，这个View通过自定义控件来实现。
2、在onTouch里的MotionEvent.ACTION_MOVE事件里头，通过控制悬浮按钮的具体坐标来实现随意移动。
3、在onTouch里的MotionEvent.ACTION_UP事件里头，来控制悬浮按钮自动靠边，并且自动隐藏半边，不过在这里onTouch和onClick这两个事件是一起触发的，不过这也有解决办法，你可以在手放开的瞬间，通过移动的距离，来决定是否触发点击事件，，如果返回false，就会触发点击事件，如果返回true就会触发点击事件
4、通过自定义控件onLayout方法，来捕获横竖屏切换事件，
5、还有一个靠哪边停靠的问题，通过坐标来判读更靠近哪一边。就靠哪边停靠。
![以中间这个中心点为准，以更短的X轴画一个正方形]

下面是具体实现代码：

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Point;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.WindowManager;
import android.widget.ImageView;

import com.iapppay.openid.channel.LoginResultCallback;
import com.iapppay.openid.channel.OpenIDApplication;
import com.iapppay.openid.channel.util.DisplayUtil;
import com.iapppay.openid.channel.util.LogUtil;
import com.iapppay.openid.channel.util.Res;

/**
* Created by HuangTiebing 2017/2/14.
*/

public class DragFloatActionButton extends ImageView implements View.OnTouchListener, View.OnClickListener {

public static String TAG = "DragFloatActionButton";
 private Context context;

float lastX, lastY;
 float originX, originY;
 int screenWidth;
 int screenHeight;
 private int originWidth;

private WindowManager windowManager;
 //  // 此windowManagerParams变量为获取的全局变量，用以保存悬浮窗口的属性
 private WindowManager.LayoutParams windowManagerParams;

private LoginResultCallback resultCallback; //悬浮按钮点击回调

public DragFloatActionButton(Context context, boolean isForceLogin, LoginResultCallback resultCallback) {
   this(context, null);
   OpenIDApplication.getInstance().setForceLogin(isForceLogin);
   this.resultCallback = resultCallback;
 }

public DragFloatActionButton(Context context, AttributeSet attrs) {
   this(context, attrs, 0);
 }

public DragFloatActionButton(Context context, AttributeSet attrs, int defStyleAttr) {
   super(context, attrs, defStyleAttr);
   this.context = context;

Point screenSize = DisplayUtil.getScreenSize(context);
   screenWidth = screenSize.x;
   screenHeight = screenSize.y;
   setImageResource(Res.drawable(context, "ipay_float_btn_bg"));
   setOnTouchListener(this);
   setOnClickListener(this);

windowManager = (WindowManager) getContext().getApplicationContext().getSystemService(Context.WINDOW_SERVICE);
 }

public int getOriginWidth() {
   return originWidth;
 }

public void setOriginWidth(int originWidth) {
   this.originWidth = originWidth;
 }

@Override
 public boolean onTouch(View v, MotionEvent event) {
   windowManagerParams = (WindowManager.LayoutParams) this.getLayoutParams();
   //获取到状态栏的高度
   Rect frame = new Rect();
   getWindowVisibleDisplayFrame(frame);
   int ea = event.getAction();
   switch (ea) {
     case MotionEvent.ACTION_DOWN:
       lastX = event.getRawX();// 获取触摸事件触摸位置的原始X坐标
       lastY = event.getRawY();
       originX = lastX;
       originY = lastY;
       break;
     case MotionEvent.ACTION_MOVE:
       float dx = event.getRawX() - lastX;
       float dy = event.getRawY() - lastY;
       windowManagerParams.x += dx;
       windowManagerParams.y += dy;
       LogUtil.d(TAG, "移动距离：dx=" + dx + "，dy=" + dy);
       showAllBtn();
       lastX = (int) event.getRawX();
       lastY = (int) event.getRawY();
       break;
     case MotionEvent.ACTION_UP:
       float lastMoveDx = Math.abs(event.getRawX() - originX);
       float lastMoveDy = Math.abs(event.getRawY() - originY);
       LogUtil.d(TAG, "松开时，移动距离：lastMoveDx=" + lastMoveDx + ", lastMoveDy=" + lastMoveDy);
       if (lastMoveDx < 10 && lastMoveDy < 10) { //移动距离太小，视为点击，
         return false;
       } else {
         updateViewLayout(event);
         isFirstClick = true;
         return true;
       }
   }
   return false;
 }

/**
  * 显示整个图标
  */
 public void showAllBtn() {
   windowManagerParams.width = originWidth;
   windowManagerParams.height = originWidth;
   setImageResource(Res.drawable(context, "ipay_float_btn_bg"));
   windowManager.updateViewLayout(this, windowManagerParams); // 刷新显示
 }

/**
  * 悬浮按钮显示在左边
  */
 private void showInLeft() {
   windowManagerParams.x = 0;
   windowManagerParams.width = originWidth / 2;
   windowManagerParams.height = originWidth;
   setImageResource(Res.drawable(context, "ipay_float_btn_left_hidden"));
   windowManager.updateViewLayout(this, windowManagerParams); // 刷新显示
 }

/**
  * 悬浮按钮显示在右边
  */
 private void showInRight() {
   windowManagerParams.width = originWidth / 2;
   windowManagerParams.height = originWidth;
   windowManagerParams.x = screenWidth - windowManagerParams.width;
   setImageResource(Res.drawable(context, "ipay_float_btn_right_hidden"));
   windowManager.updateViewLayout(this, windowManagerParams); // 刷新显示
 }

/**
  * 悬浮按钮显示在上面
  */
 private void showInTop() {
   windowManagerParams.y = 0;
   windowManagerParams.width = originWidth;
   windowManagerParams.height = originWidth / 2;
   setImageResource(Res.drawable(context, "ipay_float_btn_top_hidden"));
   windowManager.updateViewLayout(this, windowManagerParams); // 刷新显示
 }

/**
  * 悬浮按钮显示在下面
  */
 private void showInBottom() {
   windowManagerParams.width = originWidth;
   windowManagerParams.height = originWidth / 2;
   windowManagerParams.y = screenHeight - windowManagerParams.width;
   setImageResource(Res.drawable(context, "ipay_float_btn_bottom_hidden"));
   windowManager.updateViewLayout(this, windowManagerParams); // 刷新显示
 }

/**
  * 更新悬浮图标
  *
  * @param event 手动移动事件
  */
 public void updateViewLayout(MotionEvent event) {
   Point center = new Point(screenWidth / 2, screenHeight / 2); //屏幕中心点
   float xOffset, yOffset;//以屏幕中心点为原点，X轴和Y轴上的偏移量
   if (event != null) {//手动移动的
     xOffset = event.getRawX() - center.x;
     yOffset = event.getRawY() - center.y;
   } else {//自动隐藏
     xOffset = lastX - center.x;
     yOffset = lastY - center.y;
   }
   if (Math.abs(xOffset) >= Math.abs(yOffset)) {//向左或向右缩进隐藏
     if (xOffset <= 0) { //向左缩进
       showInLeft();
     } else {
       showInRight();
     }
   } else {//向上或向下缩进隐藏
     if (yOffset <= 0) {//向上缩进
       showInTop();
     } else {
       showInBottom();
     }
   }
 }

@Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
   super.onMeasure(widthMeasureSpec, heightMeasureSpec);
 }

@Override
 protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
   super.onLayout(changed, left, top, right, bottom);
   Point screenSize = DisplayUtil.getScreenSize(context);
   if (screenWidth != screenSize.x) {//屏幕旋转切换
     screenWidth = screenSize.x;
     screenHeight = screenSize.y;
     lastY = windowManagerParams.x;
     lastX = windowManagerParams.y;
     windowManagerParams.x = (int) lastX;
     windowManagerParams.y = (int) lastY;
     updateViewLayout(null);
   }
 }

private boolean isFirstClick = true;

@Override
 protected void onDraw(Canvas canvas) {
   super.onDraw(canvas);
 }

@Override
 public void onClick(View v) {
   LogUtil.d(TAG, "执行点击事件");
   if (!isFirstClick) {
     OpenIDApplication.getInstance().floatBtnClick(context, OpenIDApplication.getInstance().isForceLogin(), resultCallback);
   } else {//半隐藏状态，点击显示全部
     isFirstClick = false;
     showAllBtn();
   }
 }

}

调用实现代码，这里注意有个问题，弹出系统级的悬浮窗，需要配置权限：

并且Android 6.0以上的手机，还要弹出对话框问用户是否运行，如果这个用户拒绝了，就不能弹出系统级的悬浮窗了，还有个别手机厂商修改了android源码，还需要进系统设置里去允许这个应用弹出悬浮窗。这样的话就体验感非常不好，不过这里有个小技巧，按下面方式设置为toast类型就完全解决，既不用配置权限，也不弹出窗来向用户获取权限，完全解决问题。

WindowManager.LayoutParams windowManagerParams = new WindowManager.LayoutParams(WindowManager.LayoutParams.TYPE_TOAST,
WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
PixelFormat.TRANSLUCENT);

具体实现代码如下：

DragFloatActionButton floatBtn = new DragFloatActionButton(context, isForceLogin, mResultCallback);

WindowManager windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
  // 设置LayoutParams(全局变量）相关参数
  WindowManager.LayoutParams windowManagerParams = new WindowManager.LayoutParams(WindowManager.LayoutParams.TYPE_TOAST,
    WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
    PixelFormat.TRANSLUCENT);
  /**
   * 注意，flag的值可以为：
   * 下面的flags属性的效果形同“锁定”。
   * 悬浮窗不可触摸，不接受任何事件,同时不影响后面的事件响应。
   * LayoutParams.FLAG_NOT_TOUCH_MODAL 不影响后面的事件
   * LayoutParams.FLAG_NOT_FOCUSABLE 不可聚焦
   * LayoutParams.FLAG_NOT_TOUCHABLE 不可触摸
   */
  // 调整悬浮窗口至左上角，便于调整坐标
  windowManagerParams.gravity = Gravity.LEFT | Gravity.TOP;
  // 以屏幕左上角为原点，设置x、y初始值
  windowManagerParams.x = 0;
  windowManagerParams.y = 0;
  // 设置悬浮窗口长宽数据
  floatBtn.measure(0, 0);
  floatBtn.setOriginWidth(floatBtn.getMeasuredWidth() - 50);
  windowManagerParams.width = floatBtn.getOriginWidth();
  windowManagerParams.height = windowManagerParams.width;
  // 显示myFloatView图像
  windowManager.addView(floatBtn, windowManagerParams);