android dialog动画_安卓开发之实现全局对话框(不用Dialog方式实现)

44c7f782b012f5bb8d43bf317f0c596c.gif

前言:最近公司产品做版本更新时,提出了一个新的需求,内容就如标题所述,需要弹出全局的对话框来实现一部分功能。设计图如下

4d144112fa4efdc969f3c562ee41110a.png
请求连麦弹窗

其实实现全局对话框的方式有多种:

1、通过悬浮窗或者利用悬浮窗权限进行展示。

2、有通过写一个BaseActivity然后所有的Activity都继承它在弹出“对话框”的。

我再项目中应用的是第二种方式,一开始我觉得这个功能其实挺简单的,拿到设计图和具体功能需求后,我仔细看完一遍之后在脑子里面构思了一下就开始做了,进展很顺利,弹窗写完之后还要实现一个出入场的动画,具体效果是进场时从左往右滑入,出场时从右往左滑出,这个效果其实挺简单的,只需要给Dialog加两个动画就可以了,动画的配置如下:

简书插入代码感觉不好插入,难道是我还没发现怎么插入代码?(⊙o⊙)…

ceffb44c9d31c62c3baf8443a2515a85.png
dialog进场动画
302957410923a6fd11f7f3b9c71d62e7.png
dialog出场动画

动画写好之后就是给dialog的style加上就可以了,原谅我的拼音命名!不影响功能使用(。>∀

68f5bea266cb908ce4f6f40b97f0d2cf.png
添加dialog的animation

其他逻辑部分的代码就不贴出来了,噢,忘记了还有一个点,就是弹窗只展示2.5s就自动消失或者点击之后消失。这里只需要做个定时处理就可以了,不推荐用timer做定时处理,要改用ScheduledExecutorService,来自于阿里编码规约插件的提示。还有个点就是点击对话框外的区域是能响应界面上的事件的,这里只需要对dialog的window添加一些属性就可以了,如下图所示:

2791ef1c7e5efc3e2f92b67345660534.png

功能都做好之后剩下的就是运行测试一波了,果然不出我所料,一切尽在掌控之中,完美运行。点击对话框外的其它按钮也是能响应的。实现玩之后就丢给测试了,测试通过后如期上线了,正当我以为可以放松一下休息的时候,BUG来了,弹出的对话框会影响用户输入,用户正在聊天时,输入文字的时候对话框弹出会打断用户输入,键盘被迫关闭,因为当dialog弹出时焦点已经不再editext上了。后面我思考了一下,如果还是用dialog的方式的话,可能还是会存在这样的问题,所以我准备换一个思路,就是用悬浮窗来实现,可当我进一步思考时,却发现这样的实现方式不友好,因为它需要悬浮窗权限,而且悬浮窗权限不好申请,对于国内的安卓系统环境,不用我多说大家也懂得,动态权限申请安卓6.0官方才支持,但国内6.0以下的自己都搞了一套,这才是让我们头疼的问题,所以我果断放弃这种方式。

8581847877dba8d66bb2e33b20528ac0.png
悬浮窗权限声明

苦思不久之后,我想到了之前做功能点引导时引导图的实现方式,我为何不获取当前显示界面的根布局,然后在根布局上添加一个自定义view呢?

PS:因为其实对话框只需要在展示给用户看得那个界面显示出来就好,看不见的界面没必要展示,所以我们需要获取到栈顶的activity,或者我们自己记录一下当前栈顶的activity是谁,那这个问题就迎刃而解了。

首先第一步我们是要获取到栈顶activity,我这里采用的是自己记录当前栈顶的activity,

第二步是要获取DecorView,具体decorview是什么,我这里就不再赘述了,不清楚的大家自己去google一下。

第三步是要获取展示我们内容布局的父布局,这个布局是FrameLayout,到了这里一切就已经很容易了,剩下的就是创建我们的自定义view并且设置layoutparams,然后在addview我们的自定义view就可以了。

第四步就是在自定义view里添加动画了,进场的动画我们选择在onAttachedToWindow时添加

d7092b148e6712976ae7160cabdbfa32.png
自定义view进场时的动画

出场的动画我们在倒计时结束或者手动点击之后开始执行,然后监听动画执行结束的事件,我们在移除此布局可以了,这里的contentparent是我传入的当前界面的framlayout。

094a1761855e6cefe9640c2a9ee40ede.png
出场动画

说做就做,立马将dialog更换为自定义view,具体实现获取根布局并添加view的代码如下:

a0ec0d6f14ba223ad5e259692b9e9954.png
自定义view添加到根布局

一切准备就绪之后,又到了运行测试的时候了,哈哈,终于没有dialog弹出时带来的那种影响了。完美!当然如果你的dialog弹出时不能进行其他操作,那么就采用dialog来实现就可以了,如果你的全局dialog弹出时需要进行其他操作,有可能会打断用户操作的时候,就采用我这种方式比较好!由于我水平有限,文中如有错误请指正,要保持学习的态度!

补充:

在文中最后一处添加自定义view到根布局时参数设置有误,如果按本文一开始的设置,在部分机型上会出现topmargin不正确的情况,解决方式是需要将MarginLayoutParams替换为FrameLayout.LayoutParams,并设置layoutParams.gravity = Gravity.TOP。这样就能在正确的位置出现了!

大家都在看

带你掌握一款多特效的智能loadingView

内存泄漏 - 做一个有“洁癖”的开发者

编写一个非常精美的Flutter Todo-List项目

探索 Android 多线程优化方法

欢迎前往安卓巴士博客区投稿,技术成长于分享

期待巴友留言,共同探讨学习

8ddffe33bc3656e263b74c952e44965f.gif

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值