首页 > 系统 > Android > 正文

Android实现系统级悬浮按钮

2019-12-12 03:21:29
字体:
来源:转载
供稿:网友

本文实例为大家分享了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);

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表