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);

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

(0)

相关推荐

  • Android自定义可拖拽的悬浮按钮DragFloatingActionButton

    悬浮按钮FloatingActionButton是Android 5.0系统添加的新控件,FloatingActionButton是继承至ImageView,所以FloatingActionButton拥有ImageView的所有属性.本文讲解的是一个实现了可拖拽的悬浮按钮,并为此添加了类似于qq的吸附边框的功能.在此之前,先了解下其简单的使用方式吧: 首先你得添加其依赖 compile 'com.android.support:design:25.3.1' 然后在布局文件中使用. <andro

  • Android实现让图片在屏幕上任意移动的方法(拖拽功能)

    本文实例讲述了Android实现让图片在屏幕上任意移动的方法.分享给大家供大家参考,具体如下: public class DragExampleActivity extends Activity { Bitmap mBitmap; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInst

  • Android悬浮按钮点击返回顶部FloatingActionButton

    先看一下Android悬浮按钮点击回到顶部的效果: FloatingActionButton是Design Support库中提供的一个控件,这个控件可以轻松实现悬浮按钮的效果 首先,要在项目中使用这个悬浮按钮就要先把design这个包导入项目 gradle中加入依赖 compile 'com.android.support:design:25.0.0' 接下来就是在xml中使用: 我这里是放置一个listView模拟返回顶部 <?xml version="1.0" encodi

  • Android利用悬浮按钮实现翻页效果

    今天给大家分享下自己用悬浮按钮点击实现翻页效果的例子. 首先,一个按钮要实现悬浮,就要用到系统顶级窗口相关的WindowManager,WindowManager.LayoutParams.那么在AndroidManifest.xml中添加权限: <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" /> 然后,我们要对WindowManager,WindowManager.Layout

  • Android开发悬浮按钮 Floating ActionButton的实现方法

    一.介绍 这个类是继承自ImageView的,所以对于这个控件我们可以使用ImageView的所有属性 android.support.design.widget.FloatingActionButton 二.使用准备, 在as 的 build.grade文件中写上 compile 'com.android.support:design:22.2.0' 三.使用说明 xml文件中,注意蓝色字体部分 <android.support.design.widget.FloatingActionButt

  • Android中FloatingActionButton实现悬浮按钮实例

    Android中FloatingActionButton(悬浮按钮) 使用不是特别多,常规性APP应用中很少使用该控件. 当然他的使用方法其实很简单.直接上代码: xml: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="

  • Android开发模仿qq视频通话悬浮按钮(实例代码)

    模仿qq视频通话的悬浮按钮的实例代码,如下所示: public class FloatingWindowService extends Service{ private static final String TAG="OnTouchListener"; private static View mView = null; private static WindowManager mWindowManager = null; private static Context mContext

  • Android实现系统级悬浮按钮

    本文实例为大家分享了Android系统级悬浮按钮的具体代码,供大家参考,具体内容如下 具体的需求 1.就是做一个系统级的悬浮按钮,就像iPhone 桌面的那个悬浮按钮效果一样,能随意拖动,并且手一放开,悬浮按钮就自动靠边. 2.可以点击并且可以随意拖动. 3.悬浮按钮自动靠边的时候,或者移动到边上的时候,自动隐藏半边. 4.横竖屏切换都兼容 1.就在WindowManager 里面添加View,这个View通过自定义控件来实现. 2.在onTouch里的MotionEvent.ACTION_MO

  • Android自定义APP全局悬浮按钮

    原本想通过framelayout实现一个悬浮在其他控件上的按钮,但是觉得很麻烦,需要各个界面都要动态填充.于是想到了悬浮窗,就自定一个ImageView用于显示全局按钮. 一.首先因为悬浮窗式的所以要添加权限,对于SDK>=23的需要动态获取权限,我这边用的是22的 <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" /> <uses-permission android:

  • Android开发之FloatingActionButton悬浮按钮基本使用、字体、颜色用法示例

    本文实例讲述了Android开发之FloatingActionButton悬浮按钮基本使用.字体.颜色用法.分享给大家供大家参考,具体如下: 这里主要讲: FloatingActionsMenu自定义样式以及title调整 FloatingActionButton的基本方法 看一下效果图: 这里使用的是:com.getbase.floatingactionbutton.FloatingActionsMenu 先说下它的配置:在app/build.gradle 添加以下代码依赖: 圆形悬浮按钮 i

  • Android利用WindowManager生成悬浮按钮及悬浮菜单

    简介 本文模仿实现的是360手机卫士基础效果,同时后续会补充一些WindowManager的原理知识. 整体思路 360手机卫士的内存球其实就是一个没有画面的应用程序,整个应用程序的主体是一个Service.我们的程序开始以后,启动一个service,同时关闭activity即可: public class MainActivity extends Activity { private static final String TAG = MainActivity.class.getSimpleN

  • Android仿知乎悬浮功能按钮FloatingActionButton效果

    前段时间在看属性动画,恰巧这个按钮的效果可以用属性动画实现,所以就来实践实践.效果基本出来了,大家可以自己去完善. 首先看一下效果图: 我们看到点击FloatingActionButton后会展开一些item,然后会有一个蒙板效果,这都是这个View的功能.那么这整个View肯定是个ViewGroup,我们一部分一部分来看. 首先是这个最小的Tag: 这个Tag带文字,可以是一个TextView,但为了美观,我们使用CardView,CardView是一个FrameLayout,我们要让它具有显

  • Android开发中在TableView上添加悬浮按钮的方法

    如果直接在TableVIewController上贴Button的话会导致这个会随之滚动,下面解决在TableView上实现位置固定悬浮按钮的两种方法: 1.在view上贴tableView,然后将悬浮按钮贴在view的最顶层 2.使用window 首先看一下最终的效果,在tableViewController上添加一个悬浮按钮,该按钮不能随着视图的滚动而滚动 首先介绍上面的第一种方法: 1)创建tableview和底部按钮的属性 //屏幕宽 #define kScreenW [UIScreen

  • Android自定义悬浮按钮效果

    本文实例为大家分享了Android自定义悬浮按钮效果的具体代码,供大家参考,具体内容如下 以下:内容没有参考,写的也是一个比较简单的例子,主要就是应用切换前后台时会显示/隐藏悬浮窗.内容仅用于自我记录学习使用. 项目的开发时应用在登陆后显示一个悬浮窗,同时显示在线人数等一些其他信息,点击悬浮按钮可以显示全局弹窗名单.开发完成后,觉着需要记录一下这种实现方式.所以写一个简单的Demo. Demo思路是通过启动Service来添加/移除 悬浮窗,因为是一个全局悬浮窗,所以选择依附于Service.

随机推荐