美文网首页AndroidAndroid应用开发那些事高级UI
Android 悬浮窗功能实现(微信语音通话悬浮窗效果实现)

Android 悬浮窗功能实现(微信语音通话悬浮窗效果实现)

作者: ziwenl | 来源:发表于2020-07-29 14:38 被阅读0次

    1.基本介绍

      Android 界面绘制都是通过 WindowManager 服务来实现的,WindowManager 对象可通过获取 WINDOW_SERVICE 系统服务得到,并因为 WindowManager 继承于 ViewManager ,所以其拥有以下方法

    addView(View view, ViewGroup.LayoutParams params)
      主要通过该方法将指定 View 添加到屏幕上,实现悬浮窗效果
     ( WindowManager 对象调用 addView( ) 入参的 LayoutParams 必须为 WindowManager.LayoutParams )
    removeView(View view)
      移除指定已添加到屏幕上的 View
    updateViewLayout(View view, ViewGroup.LayoutParams params)
      通过调整 LayoutParams 更新屏幕上的指定 View

    WindowManager 官方文档说明

    2.代码示例

    2.1 在 AndroidManifest 中声明权限

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

    2.2 判断是否拥有在屏幕上层绘制权限

        /**
         * 判断是否拥有悬浮窗权限
         *
         * @param isApplyAuthorization 是否申请权限
         */
        public static boolean canDrawOverlays(Context context, boolean isApplyAuthorization) {
            //Android 6.0 以下无需申请权限
            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                //判断是否拥有悬浮窗权限,无则跳转悬浮窗权限授权页面
                if (Settings.canDrawOverlays(context)) {
                    return true;
                } else {
                    if (isApplyAuthorization) {
                        Intent intent = new Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION, Uri.parse("package:" + context.getPackageName()));
                        if (context instanceof Service) {
                            intent.setFlags(FLAG_ACTIVITY_NEW_TASK);
                        }
                        context.startActivity(intent);
                        return false;
                    } else {
                        return false;
                    }
                }
            } else {
                return true;
            }
        }
    

    2.3 获取 WindowManager 对象,生成 WindowManager.LayoutParams ,调用 addView 方法传入指定 View

            //获取 WindowManager 服务
            WindowManager windowManager = (WindowManager) context.getSystemService(WINDOW_SERVICE);
     
            //生成 WindowManager.LayoutParams 对象
            WindowManager.LayoutParams layoutParams = new WindowManager.LayoutParams();
            //形成的窗口层级关系,Android 8.0 前后存在区别
            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.START | Gravity.TOP;
            //该flags描述的是窗口的模式,是否可以触摸,可以聚焦等
            layoutParams.flags = WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;
            //窗口宽高
            layoutParams.width = LinearLayout.LayoutParams.WRAP_CONTENT;
            layoutParams.height = LinearLayout.LayoutParams.WRAP_CONTENT;
     
            //需要悬浮的指定 View
            View view = LayoutInflater.from(context).inflate(R.layout.widget_test_view, null, false);
     
            //将指定 View 添加到屏幕上
            windowManager.addView(view, layoutParams);
    

    3.实现效果及便捷工具类

    显示效果
    MainActivity 代码(Kotlin,点击查看源码)
    btn_show_view.setOnClickListener {
                if (ExampleFloatingService.isStart) {
                    //通知处理点击事件
                    LocalBroadcastManager.getInstance(this)
                        .sendBroadcast(Intent(ExampleFloatingService.ACTION_CLICK))
                } else {
                    if (FloatingWindowHelper.canDrawOverlays(this, true)) {
                        startService(Intent(this, ExampleFloatingService::class.java))
                    }
                }
            }
    

    ExampleFloatingService 代码(Kotlin,点击查看源码)

    悬浮窗管理服务,一般在此处理业务逻辑
    目的脱离 Activity 展示悬浮窗

    帮助类 FloatingWindowHelper(Java,点击查看源码)

    悬浮窗功能相关操作帮助类,使用示例如下

        private lateinit var mFloatingWindowHelper: FloatingWindowHelper
        private lateinit var mExampleViewA: View
        private lateinit var mExampleViewB: View
     
        override fun onCreate() {
            super.onCreate()
     
            mFloatingWindowHelper = FloatingWindowHelper(this)
            val layoutInflater = LayoutInflater.from(this)
            mExampleViewA = layoutInflater.inflate(R.layout.widget_test_view, null, false)
            mExampleViewB = layoutInflater.inflate(R.layout.widget_test_view_b, null, false)
     
        }
     
        private fun onClick() {
            if (!mFloatingWindowHelper.contains(mExampleViewA)) {
                //悬浮显示指定 View
                mFloatingWindowHelper.addView(mExampleViewA)
            } else if (!mFloatingWindowHelper.contains(mExampleViewB)) {
                //悬浮显示指定 View 在指定位置,并可拖动
                mFloatingWindowHelper.addView(mExampleViewB, 100, 100, true)
            } else {
                //移除所有悬浮 View
                mFloatingWindowHelper.clear()
            }
        }
     
        override fun onDestroy() {
            mFloatingWindowHelper.destroy()
            super.onDestroy()
        }
    

    4.仿微信语音通话悬浮窗效果实现

    显示效果

    4.1 需求分析

    需求分析:

    1.悬浮可拖动
    2.自动粘边:停留时只粘在屏幕左边或右边
    3.圆直角切换:拖动时悬浮窗四个角为圆角,粘边时粘边处皆为直角

    4.2 实现

    • 1.悬浮可拖动

      通过 WindowManager addView 实现悬浮效果
      通过重写悬浮 View 的 onTouch 方法或为悬浮 View setOnTouchListener 处理触摸事件记录滑动距离,再通过 WindowManager updateViewLayout 方法更新悬浮 View 位置,实现悬浮可拖动效果

    • 2.自动粘边:停留时只粘在屏幕左边或右边

      重写悬浮 View 的 onTouch 方法感知触摸事件,当处于触摸移动状态时,更新悬浮 View 四周角为圆角。当触摸抬起时,根据悬浮 View 当前坐标与屏幕宽度值判断位置,然后通过 WindowManager updateViewLayout 方法更新悬浮 View 位置,将悬浮 View 平移到屏幕坐标或右边,实现粘边效果

    • 3.圆直角切换:拖动时悬浮窗四个角为圆角,粘边时粘边处皆为直角

      重写悬浮 View 的 onDraw 方法,根据移动方向判断是否需要在左/右边绘制直角矩形覆盖圆角,实现圆直角切换效果

            val voiceFloatingView = VoiceFloatingView(context)
            voiceFloatingView.show()
    

    5.最后

    相关文章

      网友评论

        本文标题:Android 悬浮窗功能实现(微信语音通话悬浮窗效果实现)

        本文链接:https://www.haomeiwen.com/subject/ykvhrktx.html