作為一枚小白設(shè)計(jì)獅??，作為一枚有著強(qiáng)烈獵奇心理的設(shè)計(jì)獅??，所以在好奇心驅(qū)使下，我用了一天看了很多規(guī)范和資料，終于縷清楚了彈窗家族的那些事兒~
傳說【彈窗家族】壟斷了智能手機(jī)所有信息通知的渠道，比如：APP升級(jí)啦~跪求好評(píng)、您的網(wǎng)絡(luò)暫時(shí)被隔壁老王偷老婆的時(shí)候順走了、您的購物車已被懂事的男票清空了 …… ?等等這一系列的通知都需要拜托彈窗家族的不同成員來呈現(xiàn)的。
彈窗類型大匯總
首先說說【模態(tài)式彈窗派】的兄弟們吧~ 敲黑板！劃知識(shí)點(diǎn)了哈！
1. 模態(tài)式彈窗（Modal Dialogue Box）
所謂模態(tài)式彈窗，就是以 [打斷用戶當(dāng)前操作并強(qiáng)行登場以博取眼球] 的招數(shù)聞名江湖的一群搗蛋鬼。用戶如果碰到他們，就只能處理完彈窗上的信息再繼續(xù)剛才進(jìn)行的操作咯~
1.1 模態(tài)派掌門人Dialog（HUD）
在安卓大大的控件庫中被稱為Dialog對(duì)話框，不過在蘋果爸爸那就被稱為HUD，其實(shí)都一樣，就是我們平時(shí)見得最多的彈窗形式。
“話不多說，直接看東西” ?—— 一個(gè)不想當(dāng)工匠的胖子，不是個(gè)好的產(chǎn)品經(jīng)理說過。
這類型對(duì)話框的通常被拿來承載：通知類信息（比如提示用戶操作成功或失敗的信息）、升級(jí)類信息（升級(jí)成功或需要更新）、二次確認(rèn)的信息（比如是否要?jiǎng)h除？是否要退出）等。
1.2 模態(tài)派大師兄Actionbar
Actionbar是可操作功能的一個(gè)集合，不同于Dialog的一點(diǎn)是，Dialog一般可選擇的按鈕最多就兩個(gè)，而且是對(duì)立的，要么 [確認(rèn)] 要么 [取消]，可是Actionbar的功能都是同級(jí)的
而且隨著大屏手機(jī)越來越大！把選項(xiàng)放在屏幕下方，在用戶操作的熱區(qū)范圍內(nèi)，更便于用戶操作。
栗子??舉完啦，來總結(jié)一下模態(tài)派的技能值爆點(diǎn)和弱點(diǎn)：
優(yōu)勢(shì)：
1. 保持焦點(diǎn)。因?yàn)槭褂昧四B(tài)式彈窗，以帶透明度的黑色蒙層為底，使彈窗以最頂層的形式出現(xiàn)，并且大面積的信息承載區(qū)域，自然很容易吸引到用戶的注意力。
2. 層級(jí)分明。圖中很清晰可以看到模態(tài)式彈窗承載的信息與后面的頁面是兩個(gè)層級(jí)，用戶可以更清晰當(dāng)前操作，不會(huì)與后面信息混為一談。劣勢(shì)：
1. 帶來中斷感。它們的出場往往都是被迫用戶停止當(dāng)前任務(wù)，專注于對(duì)話內(nèi)容，所以一定程度上會(huì)給用戶體驗(yàn)帶來中斷感。
2. 無法同時(shí)操作。在模態(tài)式彈窗出現(xiàn)之后，往往要求用戶采取了相應(yīng)操作才能消失，用戶無法在操作同時(shí)瀏覽頁面內(nèi)容。
所以在使用模態(tài)式彈窗的時(shí)候要謹(jǐn)慎，不要在一個(gè)產(chǎn)品中頻繁使用，不然。。。。“跟著我長按再點(diǎn)右上的叉叉，果斷卸載一點(diǎn)沒在怕~~~”
2. 非模態(tài)式彈窗（Nonmodal Dialogue Box）
2.1 非模態(tài)派大姐大Toast
一看這名兒就知道是個(gè)吃貨哈~ 據(jù)說Toast這名兒的來歷呢也是很因吹斯聽?interesting呢~??
據(jù)說是在微軟工作的一哥們兒正開發(fā)著MSN Messenger呢，覺得MSN彈出通知方式的樣子很像一塊從烤面包機(jī)里烤熟了的面包一樣duang duang duang彈出來，估計(jì)也是餓了，這哥們兒就很任性的把這種提示方式命名為Toast，神轉(zhuǎn)折是后來這哥們兒帶著這命名習(xí)慣跳槽到Google了，所以大家可以留意看，現(xiàn)在google的所有產(chǎn)品消息提示除了Dialog就是Toast，就那一蹦一蹦的小面包。
Toast有幾個(gè)特點(diǎn)：
1. 適合承載特別短小精煉的信息；
2. 出現(xiàn)時(shí)間是短暫的，大概3-5秒就會(huì)消失，不會(huì)迫使用戶停下當(dāng)前操作；
3. 多條Toast的出場方式是層疊的，第二條會(huì)覆蓋掉第一條，不會(huì)出現(xiàn)同時(shí)兩條Toast的情況；
2.2 非模態(tài)派萌妹紙Snackbar
御姐愛吐司，那么萌妹肯定愛小吃啦~ 發(fā)現(xiàn)安卓家起名兒的一定是個(gè)吃貨，不管是系統(tǒng)還是控件都喜歡叫吃的，這簡直就是在撩一個(gè)沒吃夜宵、深夜還在碼字的女紙嘛????
之所以把她們定位成姐姐妹妹的組合，其實(shí)也是為了讓你們好記。
第一，Snackbar是Toast的升級(jí)版。那一般妹妹都是吃著姐姐攢下的經(jīng)驗(yàn)值成長的，那級(jí)數(shù)蹭蹭升的可不比老姐快么？
第二，Snackbar可帶選擇項(xiàng)供用戶選擇。不像Toast只能自帶純文字，這也好解釋啊，一般御姐哪會(huì)問你意見啊，直接"晚上農(nóng)藥開黑走起！愛來來，不來滾"。只有萌妹才會(huì)問問“歐巴，倫家想開一局農(nóng)藥，你陪不陪倫家玩呀？同意請(qǐng)扣1，不同意請(qǐng)滾”。
So，我這個(gè)方法有沒有很好記？？？大聲告訴我有沒有？？？
有?。?！(好，我聽見了~愛你們哈哈哈哈)
至于手機(jī)的截圖，我用的蘋果啊，我。。。我。。。找不到。。。。所以機(jī)智的我在網(wǎng)上找了一張??！等著！你給我等著??！
這兩姐妹還有個(gè)特點(diǎn)就是，在安卓系統(tǒng)的APP中，如果有右下方的 [創(chuàng)建] button的，那么Toast和Snackbar都不能遮擋住按鈕，必須以從下方把按鈕頂上去的形式出現(xiàn)~ 看來兩姐妹還是對(duì)兒美少女壯士呢哈哈哈哈！
栗子??竟然又舉完啦，繼續(xù)盤點(diǎn)她倆攻擊值和弱點(diǎn)：
優(yōu)勢(shì)：
1. 不會(huì)給用戶帶來中斷感。因?yàn)樗粫?huì)大面積出現(xiàn)，就起到提示用戶的作用就消失，所謂的“點(diǎn)到為止”，揮一揮衣袖，不帶走一片云彩~~
2. 占用屏幕空間小。可以讓用戶在看到他們的時(shí)候依舊可以看到界面的其他信息。
3.使用簡單，適用范圍廣。劣勢(shì)：
1. 戲份太少，可能會(huì)錯(cuò)過。因?yàn)槌鰣鰰r(shí)間往往3-5秒，很容易一個(gè)不留神，比如注意看地鐵上的某個(gè)帥哥的功夫，我就不知道提示的信息是啥了？
2. 會(huì)在一定程度影響用戶當(dāng)前操作。雖然是非模態(tài)，可是形式還是可優(yōu)化，比如上圖QQ注冊(cè)界面和Same的清除緩存頁面的Toast就設(shè)計(jì)的很棒，一改它黑乎乎的形象，而且沒有讓他擋住用戶實(shí)現(xiàn)的中心部分，也能起到提示作用，可以學(xué)習(xí)哈！
3. 編外人員二人組
為啥說人家是編外人員啊，因?yàn)檫@倆貨其實(shí)是沒被正式歸納于彈窗中的，可是我覺得他們的形態(tài)也是懸浮狀啊，而且他們的出現(xiàn)方式也算是非模態(tài)式啊，那為啥就因?yàn)槿思覜]考上就不能讓他倆當(dāng)個(gè)實(shí)習(xí)生進(jìn)到模態(tài)派呢。。。(好吧，以上BB都是我個(gè)人特主觀的想法！如有雷同，那就雷同著吧！)
3.1 精瘦男Menus
之所以叫他精瘦男，因?yàn)椤?。。他真的身材好?xì)長??！而且會(huì)隨著版本不斷迭代更。。長。。
3.2 矮子樂Tooltips
Tooltips就是哪里不會(huì)點(diǎn)哪里~So easy~ (不過不用真的點(diǎn)哦，就鼠標(biāo)懸浮就好！或者在手機(jī)端就是長按情況下就會(huì)觸發(fā)啦，一觸即發(fā)！)
來個(gè)總結(jié)，裝一下專業(yè)哈哈：
Menus和Tooltips呢，
我覺得他們也是以懸浮狀態(tài)出現(xiàn)，并且對(duì)其操作的同時(shí)，就沒辦法對(duì)其他功能進(jìn)行操作了，這點(diǎn)像極了模態(tài)派；
不過他們又不一定需要用黑不溜秋的蒙層去區(qū)分層次，這點(diǎn)又很像非模態(tài)派。
所以，與其讓這么專業(yè)負(fù)責(zé)可愛善良的我放棄這兩個(gè)知識(shí)點(diǎn)，還不如主觀讓他倆自成一派！
以上就是幾乎所有以彈窗形式出現(xiàn)的控件的介紹啦??！
額。。。因?yàn)槭堑谝淮伟l(fā)文，也不知道排版合不合理？好不好看？我也沒找到有預(yù)覽的功能，所以如果有理解錯(cuò)或者忽略的部分大家可以大方慷慨地告訴我??共同進(jìn)步嘛！
最后，不要因?yàn)槲颐恳幻攵际菓蚓筒粣畚液貌缓?？?br>好?。。。?！(謝謝~ 我又一次聽到了大家自發(fā)的掌聲和歡呼聲哈哈哈哈~ 我會(huì)繼續(xù)努力噠！)
