Android控件工作生活UI效果仿写

安卓开发之实现全局对话框(不用Dialog方式实现)

2019-07-03  本文已影响735人  空白格Ti

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

请求连麦弹窗

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

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

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

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

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

dialog进场动画 dialog出场动画

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

添加dialog的animation

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

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

悬浮窗权限声明

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

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

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

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

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

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

自定义view进场时的动画

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

出场动画

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

自定义view添加到根布局

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

ps 2019-7-26日补充

在文中最后一处添加自定义view到根布局时参数设置有误,如果按本文一开始的设置,在部分机型上会出现topmargin不正确的情况,解决方式是需要将

MarginLayoutParams替换为FrameLayout.LayoutParams,并设置layoutParams.gravity = Gravity.TOP。这样就能在正确的位置出现了!

上一篇下一篇

猜你喜欢

热点阅读