开发者社区> 杰克.陈> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Android 悬浮窗、悬浮球开发

简介: 原文:Android 悬浮窗、悬浮球开发 1、权限管理 直接看我另外一篇博客吧,传送门: https://my.
+关注继续查看
原文:Android 悬浮窗、悬浮球开发

1、权限管理

直接看我另外一篇博客吧,传送门:

https://my.oschina.net/u/1462828/blog/1933162

2、Base类BaseSuspend


import android.content.Context;
import android.graphics.PixelFormat;
import android.os.Build;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.WindowManager;

import com.imxiaoyu.common.utils.entity.SizeEntity;

public abstract class BaseSuspend {
    private Context context;
    private View view;
    private boolean isShowing = false;
    /**
     * UI
     */
    private WindowManager.LayoutParams wmParams;//悬浮窗的布局

    /**
     * 变量
     */
    private WindowManager mWindowManager;//创建浮动窗口设置布局参数的对象

    /**
     * 接口
     */
    private OnSuspendDismissListener onSuspendDismissListener;

    public BaseSuspend(Context context) {
        this.context = context;
        view = LayoutInflater.from(context).inflate(getLayoutId(), null);
        init();
        initView();
        onCreateSuspension();
    }

    public void init() {
        if (mWindowManager == null) {
            mWindowManager = (WindowManager) context.getApplicationContext().getSystemService(Context.WINDOW_SERVICE);
        }
        wmParams = getParams();//设置好悬浮窗的参数
        // 悬浮窗默认显示以左上角为起始坐标
        wmParams.gravity = Gravity.LEFT | Gravity.TOP;
    }

    /**
     * 布局文件id,这里是用不到的,但还是建议填写,方便跳转到布局管理
     *
     * @return
     */
    protected abstract int getLayoutId();

    /**
     * 注册需要使用的控件
     */
    protected abstract void initView();

    protected abstract void onCreateSuspension();

    /**
     * 根据id快速找到控件
     *
     * @param id
     * @param <E>
     * @return
     */
    public final <E extends View> E findView(int id) {
        try {
            return (E) view.findViewById(id);
        } catch (ClassCastException ex) {
            throw ex;
        }
    }

    /**
     * 根据id快速找到控件
     *
     * @param id
     * @param onClickListener
     * @param <E>
     * @return
     */
    public final <E extends View> E findView(int id, View.OnClickListener onClickListener) {
        E e = findView(id);
        e.setOnClickListener(onClickListener);
        return e;
    }

    /**
     * 对windowManager进行设置
     *
     * @return
     */
    public WindowManager.LayoutParams getParams() {
        wmParams = new WindowManager.LayoutParams();
        //设置window type 下面变量2002是在屏幕区域显示,2003则可以显示在状态栏之上
        //wmParams.type = LayoutParams.TYPE_PHONE;
        if (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) {
            wmParams.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT;
        } else {
            wmParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
        }
//        wmParams.type = WindowManager.LayoutParams.TYPE_SYSTEM_ERROR;
        //设置图片格式,效果为背景透明
        wmParams.format = PixelFormat.RGBA_8888;
        //设置浮动窗口不可聚焦(实现操作除浮动窗口外的其他可见窗口的操作)
        //wmParams.flags = LayoutParams.FLAG_NOT_FOCUSABLE;
        //设置可以显示在状态栏上
        wmParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE | WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL |
                WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN | WindowManager.LayoutParams.FLAG_LAYOUT_INSET_DECOR |
                WindowManager.LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH;
        return wmParams;
    }

    /**
     * 全屏显示悬浮视图
     */
    public void showSuspend() {
        showSuspend(0, 0, true);
    }

    /**
     * 显示悬浮视图
     *
     * @param sizeEntity
     * @param isMatchParent 是否全屏显示
     */
    public void showSuspend(SizeEntity sizeEntity, boolean isMatchParent) {
        if (sizeEntity != null) {
            showSuspend(sizeEntity.getWidth(), sizeEntity.getHeight(), isMatchParent);
        }
    }

    /**
     * 显示悬浮视图
     *
     * @param width
     * @param height
     */
    public void showSuspend(int width, int height, boolean isMatchParent) {
        //设置悬浮窗口长宽数据
        if (isMatchParent) {
            wmParams.width = WindowManager.LayoutParams.MATCH_PARENT;
            wmParams.height = WindowManager.LayoutParams.MATCH_PARENT;
        } else {
            wmParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
            wmParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
        }
        //悬浮窗的开始位置,读取缓存
        wmParams.x = width;
        wmParams.y = height;

        if (isShowing) {
            removeView();
        }
        mWindowManager.addView(view, wmParams);
        isShowing = true;
    }

    /**
     * 更新当前视图的位置
     *
     * @param x 更新后的X轴的增量
     * @param y 更新后的Y轴的增量
     */
    public void updateSuspend(int x, int y) {
        if (view != null) {
            //必须是当前显示的视图才给更新
            WindowManager.LayoutParams layoutParams = (WindowManager.LayoutParams) view.getLayoutParams();
            layoutParams.x += x;
            layoutParams.y += y;
            mWindowManager.updateViewLayout(view, layoutParams);
        }
    }

    /**
     * 移除当前悬浮窗
     */
    public void dismissSuspend() {
        if (view != null) {
            mWindowManager.removeView(view);
            isShowing = false;
            if (onSuspendDismissListener != null) {
                onSuspendDismissListener.onDismiss();
            }
        }
    }

    public Context getContext() {
        return context;
    }

    public View getView() {
        return view;
    }

    /**
     * 是否正在显示
     *
     * @return
     */
    public boolean isShowing() {
        return isShowing;
    }

    /**
     * 移除弹窗的时候回调
     *
     * @param onSuspendDismissListener
     */
    public void setOnSuspendDismissListener(OnSuspendDismissListener onSuspendDismissListener) {
        this.onSuspendDismissListener = onSuspendDismissListener;
    }

    public interface OnSuspendDismissListener {
        public void onDismiss();
    }
}

还有里面用到的一个size类:


/**
 * 宽高实体
 * Created by 她叫我小渝 on 2016/11/4.
 */

public class SizeEntity {
    private int width;
    private int height;

    public SizeEntity(){}
    public SizeEntity(int width,int height){
        setWidth(width);
        setHeight(height);
    }


    public int getWidth() {
        return width;
    }

    public void setWidth(int width) {
        this.width = width;
    }

    public int getHeight() {
        return height;
    }

    public void setHeight(int height) {
        this.height = height;
    }
}

3、定制视图和使用

要实现的逻辑是,显示一个悬浮球,然后可以拖动移动悬浮球的位置,效果图:

          

然后新建一个类,LogoSuspend继承BaseSuspend,里面引用到了一些工具类就不贴出来了,用到的地方我会加上注释


/**
 * 悬浮球
 * Created by 她叫我小渝 on 2017/1/1.
 */

public class LogoSuspend extends BaseSuspend {

    /**
     * ui
     */
    private ImageView ivLogo;
    /**
     * 变量
     */
    private int width, height;
    private float mStartX, mStartY, mStopX, mStopY, touchStartX, touchStartY;
    private long touchStartTime;
    /**
     * 接口
     */
    private View.OnClickListener onClickListener;

    public LogoSuspend(Context context) {
        super(context);
    }


    @Override
    protected int getLayoutId() {
        return R.layout.suspend_logo;
    }

    @Override
    protected void initView() {
        ivLogo = findView(R.id.iv_logo);
        ivLogo.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent event) {
                final int action = event.getAction();
                mStopX = event.getRawX();
                mStopY = event.getRawY();
                switch (action) {
                    case MotionEvent.ACTION_DOWN:
                        // 以当前父视图左上角为原点
                        mStartX = event.getRawX();
                        mStartY = event.getRawY();
                        touchStartX = event.getRawX();
                        touchStartY = event.getRawY();
                        touchStartTime = DateUtil.getTimeForLong();//获取当前时间戳
                        break;
                    case MotionEvent.ACTION_MOVE:
                        width = (int) (mStopX - mStartX);
                        height = (int) (mStopY - mStartY);
                        mStartX = mStopX;
                        mStartY = mStopY;
                        updateSuspend(width, height);
                        break;
                    case MotionEvent.ACTION_UP:
                        width = (int) (mStopX - mStartX);
                        height = (int) (mStopY - mStartY);
                        updateSuspend(width, height);
                        WindowManager.LayoutParams layoutParams = (WindowManager.LayoutParams) getView().getLayoutParams();
                        SuspensionCache.setSuspendSize(getContext(), new SizeEntity(layoutParams.x + width, layoutParams.y + height));//缓存一下当前位置
                        if ((mStopX - touchStartX) < 30 && (mStartY - touchStartY) < 30 && (DateUtil.getTimeForLong() - touchStartTime) < 300) {
                            //左右上下移动距离不超过30的,并且按下和抬起时间少于300毫秒,算是单击事件,进行回调
                            if (onClickListener != null) {
                                onClickListener.onClick(view);
                            }
                        }
                        break;
                }
                return true;
            }
        });
    }

    @Override
    protected void onCreateSuspension() {

    }

    /**
     * 设置点击监听
     *
     * @param onClickListener
     */
    public void setOnClickListener(View.OnClickListener onClickListener) {
        this.onClickListener = onClickListener;
    }
}

布局文件syspend_logo.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/rly_bg"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/iv_logo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_home_add_normal" />
</RelativeLayout>

因为Activity是有生命周期的,所以打开悬浮窗的Context上下文,不要用Activity的,而是用Service的

创建并注册一个Service,然后在onCreate方法中执行调用代码就好

@Override
    public void onCreate() {
        super.onCreate();
        ALog.e("服务已创建");

        if (logoSuspend == null) {
            logoSuspend = new LogoSuspend(this);
        }
        logoSuspend.showSuspend(SuspensionCache.getSuspendSize(this), false);//从缓存中提取上一次显示的位置
        logoSuspend.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //处理单击事件
            }
        });
    }

4、废话

    上面的例子,其实还是比较简单的,但一般开发对于悬浮球的需求并不算很大,Base类的话,目前只是最基础的东西,在开发的过程中,需要用到什么了再往里面加就好,问题不大。

    目前代码支持同时显示多个悬浮窗、悬浮球,主要用于在于悬浮窗交互的时候,直接弹出其他的交互界面(也是以悬浮窗的状态出现),但建议每一个页面都有关闭按钮或者做返回键关闭的相关操作,毕竟是显示在最前端的,要是关不掉就点哪里都没用,只能是强制关机了…………()&@()……()@#*¥)()@*#…………@#)()*¥)()…………

    

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Android 蓝牙开发,蓝牙连打印机。
Android 蓝牙开发,蓝牙连打印机。
46 0
Android中常用的加密方式
Android面试的时候,尤其是面试一些金融公司的时候经常性的问道:“你会不会加密?”,“加密方式是什么?”,“大概什么样的加密原理呢?”。其实,大多数人都是一脸懵逼,我也懵逼过。
1025 0
《Android应用开发》——导读
本节书摘来自异步社区《Android应用开发》一书中的目录,作者 【美】Chris Haseman,更多章节内容可以访问云栖社区“异步社区”公众号查看
1009 0
Android开发规范
开发规范制定目的 Android开发规范的制定是为了减少团队协作开发的成本,提高开发和维护的效率,方便自己和他人阅读代码。 一. 概要 1.1类名: 大驼峰 (pascal)命名法:又称大驼峰命名法,所有单词的第一个字母大写 1.2 方法函数: 小驼峰(Camel)命名法:又称小驼峰命名法,除首单词外,其余所有单词的第一个字母大写 1.3 常量:
1532 0
Android--快速开发框架 afinal
版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/chaoyu168/article/details/51014398 Afinal简介 Afinal 是一个android的sqlite orm 和 ioc 框架。
1070 0
android手写板
<p><img alt="预览" src="http://my.csdn.net/uploads/201208/05/1344145009_8195.png"></p> <p>啊,好难看的机器人。。。。<img alt="尴尬" src="http://static.blog.csdn.net/xheditor/xheditor_emot/default/awkward.gif"></p
1426 0
+关注
杰克.陈
一个安静的程序猿~
10425
文章
2
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载