自定义Dialog之旅程(二)理解Dialog大小

要玩好Dialog,首先我觉得先要搞清一件事情,那就是弄清范围和设置大小。这篇文章这次主要讲这个内容。

一、默认情况下的dialog大小
普通情况下,自定义dialog的父布局,无论设置大小为多少,它的大小都会跟着子View的大小来变换。为了看清情况,先把子View的大小设置成填充父布局,然后你就会发现,View的外边有一层透明的效果,刚开始我也以为父布局的大小就是显示的子View的大小,然而当我设置点击外部消失时,我发现点击空白的地方怎么也不会消失

Paste_Image.png

于是我得出的结论是这种情况下父布局的大小是满屏,也就是说这个dialog的大小是满屏。也就得出这样的结论:父布局(也就是dialog)的大小等于子布局大小的基础上加一层空白的距离。
当你把子布局的大小设置为固定的时候,比如说360*360,点击外部是会消失的,但是点击靠近子布局的外部,比如说你点击子布局上边界上方10个像素的那个点,dialog是不会消失的。这样就证实了我的猜想,父布局的大小 = 子布局大小 + 一圈外层的范围。

再做个测试,看看是不是真的。
这回子布局我写两个,一个在上边一个在下边。得出这样的一个效果。

Paste_Image.png

这个结果说明我上边说的有点不对,但也更一步能接近真相。看这个图和上边那个图,会有一种感觉,父布局一开始是满屏的,然后对上下左右padding一段距离。我觉得这个结论应该是对的,用过padding的朋友都知道,布局的大小 = 显示的大小 + Padding的距离。
再发一张图,让我更好的猜测结论,

Paste_Image.png

看到上面的图,发现父布局大小由子布局来决定也没错。
所以我觉得dialog的布局默认是这样的一种情况:父布局(dialog大小)依赖于所有的子布局并集之后的宽高,看第三张图很容易理解这句话,并且在这个基础上padding一段距离。
这就是默认情况下,dialog大小的情况,是一个自动根据子View去适配的一个情况,虽然看着挺麻烦的,但是还是挺有意思的,脑洞够大。

二、设置Dialog的大小
从上边我们看出了dialog的套路,所以就能想出一些相应的方法来解决自定义dialog设置大小的问题。比如说我可以想办法把这段padding的距离给去掉,然后设置子布局的大小就是dialog的大小,这样点击子布局外任何一个地方都会消失。
查了也下网站,发现很多人都这样写,我不知道是真的能实现还是有的人无聊照着抄,我照着做一遍

Paste_Image.png

发现结果是这样的

Paste_Image.png

注意:创建Dialog的时候如果不添加主题,是得不到这个结果的。
然后固定子View布局看看

Paste_Image.png

发现点击上下空白的地方是可以消失的,也就证实了我的猜想:可以想办法把这段padding的距离给去掉,然后设置子布局的大小就是dialog的大小,这样点击子布局外任何一个地方都会消失。这个已经实现了。
也从这段代码中得出一个结论:去掉padding就要调用
window.getDecorView().setPadding(0, 0, 0, 0);
并且加上这段代码之后父布局也不再随子布局动态变换,而是可以直接设置,这里就设置成随子布局
lp.width = WindowManager.LayoutParams.WRAP_CONTENT;
lp.height = WindowManager.LayoutParams.WRAP_CONTENT;

你以为这样就结束这篇文章啦?还没有,还有很多东西要讲。
上面的方式虽然可行,但是你也知道它是写在外面的,而如果我们每次用dialog的时候都要这样写就很麻烦,我们试试能不能将这段代码先封装到自定义的dialog中。
实验中......
结果就不贴图了,发现是可以的,操作很简单,把上面的代码复制到自定义dialog类中的onCreate方法里,然后把获取window的代码改成getWindow()就行,因为是在内部获取,相当于this.getWindow()。

好了,上面的问题是解决了。相信到这里之后至少可以理解dialog的大小和如何去改变。
按照美团的dialog做出一个,上面的相当于卡片内容,下面的图标相当于X,没有图片就随意先找个代替。这种情况不会出现像图2、图3一样的中间有空白是因为这里设置了dialog的style

<item name="android:windowBackground">@android:color/transparent</item>
Paste_Image.png
Paste_Image.png

一个仿美团的效果,但是并不是全仿,美团点击X按钮和图片直接的空白处会让dialog消失,而我这里不会,因为像我上边说过的,dialog的大小是子View的并集,所以按钮和图片之间也是属于dialog的内容。
但是其实我觉得没必要做成美团的效果,因为你的界面提供一个X按钮了,你还设置点击旁边消失,这不是多此一举吗。要不然不提供X按钮,点旁边消失,要不然提供X按钮,点旁边不消失。
可能有人会说,啊,你个垃圾,自己做不到就把锅丢给美团。
虽然我很菜是吧,这点我承认,但是美团的这个效果还是能做到的,我自己没有实践,因为我觉得不难。当然用上面的方法可能比较难,我们需要换一种方法来实现这个效果。首先把父布局设置成铺满全屏,然后给父布局设置点击事件,事件就是点击让这个dialog消失。
但是我个人觉得这样的界面就不设置点击旁边会消失比较好。你把父布局设置为铺满全屏,然后设置图片在中间,按钮在图片的下面,只设置图片和按钮的点击事件,这样我觉得挺好的。当然每个人有每个人的做法,反正原理就这样,你想怎么做都行。

这章就讲这么多,至少能实现美团这种效果是吧,可能文章格式比较乱,比较急,工作多,没时间整理格式,能抽时间写文章我觉得已经挺不错的。下章就只讲讲动画啊,内容太多的话看着也烦。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容