Android仿微信文章悬浮窗效果

序言

前些日子跟朋友聊天,朋友Z果粉,前些天更新了微信,说微信出了个好方便的功能啊,我问是啥功能啊,看看我大Android有没有,他说现在阅读公众号文章如果有人给你发微信你可以把这篇文章当作悬浮窗悬浮起来,方便你聊完天不用找继续阅读,听完是不是觉得这叫啥啊,我大Android微信版不是早就有这个功能了吗,我看文章的时候看到过有这个悬浮按钮,但是我一直没有使用过,试了一下还是挺方便的,就想着自己实现一下这个功能,下面看图,大家都习惯了无图言X

原理

看完动图我们来分析一下,如何在每个页面上都存在一个View呢,有些人可能会说,写在base里面,这样每次启动一个新的Activity都要往页面上addView一次,性能不好,再说了,我们作为一个优秀的程序员能干这种重复的事吗,这种方案果断打回去;既然这样的话那我们肯定要在全局加了,那么全局是哪呢?相信了解过Activity源码的朋友肯定知道,全局可以在Window层加啊,这样既能一次性搞定,又不影响性能,说干就干。

实现

1、权限

首先我们要考虑的一个问题就是权限问题,因为要适配Android 7.0 8.0,添加悬浮窗是需要申请权限的,这里参考了Android 悬浮窗权限各机型各系统适配大全这篇文章,适配的比较全,可以直接拿来用。这里需要注意的是,为了适配Android 8.0Window的类型需要配置一下:

1if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
2    //Android 8.0
3    mLayoutParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
4} else {
5    //其他版本
6    mLayoutParams.type = WindowManager.LayoutParams.TYPE_PHONE;
7}

2、添加ViewGroup到Window

判断好权限之后,直接添加就可以了

 1@SuppressLint("CheckResult")
 2private void showWindow(Context context) {
 3    mWindowManager = (WindowManager) context.getSystemService(WINDOW_SERVICE);
 4    mView = LayoutInflater.from(context).inflate(R.layout.article_window, null);
 5
 6    ImageView ivImage = mView.findViewById(R.id.aw_iv_image);
 7    String imageUrl = SPUtil.getStringDefault(ARTICLE_IMAGE_URL, "");
 8    RequestOptions requestOptions = RequestOptions.circleCropTransform();
 9    requestOptions.placeholder(R.mipmap.ic_launcher_round).error(R.mipmap.ic_launcher_round);
10    Glide.with(context).load(imageUrl).apply(requestOptions).into(ivImage);
11
12    initListener(context);
13
14    mLayoutParams = new WindowManager.LayoutParams();
15    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
16        mLayoutParams.type = WindowManager.LayoutParams.TYPE_APPLICATION_OVERLAY;
17    } else {
18        mLayoutParams.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT;
19    }
20    mLayoutParams.format = PixelFormat.RGBA_8888;   //窗口透明
21    mLayoutParams.gravity = Gravity.LEFT | Gravity.TOP;  //窗口位置
22    mLayoutParams.flags = WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;
23    mLayoutParams.width = 200;
24    mLayoutParams.height = 200;
25    mLayoutParams.x = mWindowManager.getDefaultDisplay().getWidth() - 200;
26    mLayoutParams.y = 0;
27    mWindowManager.addView(mView, mLayoutParams);
28}

3、View的拖拽实现

借助WindowManager.LayoutParams来实现,mLayoutParams.xmLayoutParams.y分别表示mView左上角的横纵坐标,所以我们只需要改动这两个值就行了,当ACTION_UP时,计算当前mView的中心点相对窗口的位置,然后将mView动态滑动到窗口左边或者右边:

 1//设置触摸滑动事件
 2mView.setOnTouchListener(new View.OnTouchListener() {
 3    int startX, startY;  //起始点
 4    boolean isMove;  //是否在移动
 5    long startTime;
 6    int finalMoveX;  //最后通过动画将mView的X轴坐标移动到finalMoveX
 7
 8    @Override
 9    public boolean onTouch(View v, MotionEvent event) {
10        switch (event.getAction()) {
11            case MotionEvent.ACTION_DOWN:
12                startX = (int) event.getX();
13                startY = (int) event.getY();
14                startTime = System.currentTimeMillis();
15                isMove = false;
16                return false;
17            case MotionEvent.ACTION_MOVE:
18                mLayoutParams.x = (int) (event.getRawX() - startX);
19                mLayoutParams.y = (int) (event.getRawY() - startY);
20                updateViewLayout();   //更新mView 的位置
21                return true;
22            case MotionEvent.ACTION_UP:
23                long curTime = System.currentTimeMillis();
24                isMove = curTime - startTime > 100;
25
26                //判断mView是在Window中的位置,以中间为界
27                if (mLayoutParams.x + mView.getMeasuredWidth() / 2 >= mWindowManager.getDefaultDisplay().getWidth() / 2) {
28                    finalMoveX = mWindowManager.getDefaultDisplay().getWidth() - mView.getMeasuredWidth();
29                } else {
30                    finalMoveX = 0;
31                }
32
33                //使用动画移动mView
34                ValueAnimator animator = ValueAnimator.ofInt(mLayoutParams.x, finalMoveX).setDuration(Math.abs(mLayoutParams.x - finalMoveX));
35                animator.addUpdateListener((ValueAnimator animation) -> {
36                    mLayoutParams.x = (int) animation.getAnimatedValue();
37                    updateViewLayout();
38                });
39                animator.start();
40
41                return isMove;
42        }
43        return false;
44    }
45});

4、注意

为了让WindowActivity脱离,这里我们采用Service来做,通过Service来添加和移除View;在权限申请成功之后我们需要通知Service(其实是Activity,可能会有保存数据等操作)作相应改变(提供一个接口给Service),然后在Service中使用广播来通知Activity;最后一个需要注意的地方就是我们需要判断应用程序是否在前台还是后台来添加或移除Window,这里通过使用ActivityLifecycleCallbacks来监听Activity在前台的数量来判断应用程序是在前台还是后台

 1class ApplicationLifecycle : Application.ActivityLifecycleCallbacks {
 2
 3    private var started: Int = 0
 4
 5    override fun onActivityPaused(activity: Activity?) {
 6    }
 7
 8    override fun onActivityResumed(activity: Activity?) {
 9    }
10
11    override fun onActivityStarted(activity: Activity?) {
12        started++
13        if (started == 1) {
14            Log.e("TAG", "应用在前台了!!!")
15        }
16    }
17
18    override fun onActivityDestroyed(activity: Activity?) {
19    }
20
21    override fun onActivitySaveInstanceState(activity: Activity?, outState: Bundle?) {
22    }
23
24    override fun onActivityStopped(activity: Activity?) {
25        started--
26        if (started == 0) {
27            Log.e("TAG", "应用在后台了!!!")
28        }
29    }
30
31    override fun onActivityCreated(activity: Activity?, savedInstanceState: Bundle?) {
32    }
33}

本文代码已传至Github:https://github.com/24Kshign/SuspensionWindow,有需要的朋友可以下载下来看看。

参考

  • https://blog.csdn.net/mai763727999/article/details/78983375/
  • https://blog.csdn.net/self_study/article/details/52859790

原文发布于微信公众号 - IT先森养成记(cyg_24kshign)

原文发表时间:2018-10-10

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏封碎

让自己的Android应用支持appwidget 博客分类: Android AndroidOSAccessUP

经常看到一些教程教你如何写appwidget,但是,你知道你的appwidget是如何被添加到桌面上的吗? 一般的,如果是做桌面的童鞋,基本上都会让自己的...

1253
来自专栏青蛙要fly的专栏

关于Fragment的动态添加的相关疑问及解答

今天在网上看到了一个开源库:Spruce Android Animation Library (and iOS)

842
来自专栏Java后端生活

购物APP项目开发(1)——菜单开发

1454
来自专栏编程之路

羊皮书APP(Android版)开发系列(五)APP引导页实现

1125
来自专栏Android中高级开发

Android开发之漫漫长途 Ⅳ——Activity的显示之ViewRootImpl初探

该文章是一个系列文章,是本人在Android开发的漫漫长途上的一点感想和记录,我会尽量按照先易后难的顺序进行编写该系列。该系列引用了《Android开发艺术探索...

973
来自专栏程序员叨叨叨

Android 5.0以上系统Toast不显示的解决方案

开发中我们经常会在适配5.0以后的机型遇到各种各样的问题,其中有一个不大不小的问题就是:Toast不显示问题

2573
来自专栏Android源码框架分析

LayoutInflater 布局渲染工具原理分析

LayoutInflater其实是一个布局渲染工具,其本质就只是一个工具,说白了LayoutInflater的作用就是根据xml布局文件构建View树,自定义V...

1283
来自专栏james大数据架构

Android LayoutInflater详解

在实际开发中LayoutInflater这个类还是非常有用的,它的作用类似于findViewById()。不同点是LayoutInflater是用来找res/l...

2279
来自专栏Android知识点总结

4-AVI--Fragment与ViewPager结合

1093
来自专栏知识分享

android客服端+eps8266+单片机+路由器之远程控制系统

用android客服端+eps8266+单片机+路由器做了一个远程控制的系统,因为自己是在实验室里,所以把实验室的门,灯做成了远程控制的。 控制距离有多远---...

6956

扫码关注云+社区

领取腾讯云代金券