一、分類
主要分為 模態(tài)彈窗 和 非模態(tài)彈窗 兩大類
1. 模態(tài)彈窗————用戶必須進行操作回應(yīng)
2. 非模態(tài)彈窗————幾秒后自動消失
模態(tài)彈窗包括:
1 Dialog/Alerts (警告框涧窒、對話框)
2 Action bar部凑、Action Sheets梢薪、Activity View(動作欄戒傻、操作列表友瘤、活動視圖)
3 Popover/Popup(彈出框挤土、浮層)
非模態(tài)彈窗包括:
1 Toast/HUD(提示框)
2 Snackbar(底部彈窗)
二、介紹
1 Dialog/Alerts(安卓中被稱為DIialog,ios中被稱為Alerts)
用戶需對彈窗進行回應(yīng),一般會有1-3個按鈕,背后有黑色半透明蒙層,以便使彈窗更加突出
2 Action bar肢扯、Action Sheets妒茬、Activity View
位于屏幕底部,提供至少兩個功能選項,一般會有取消按鈕,點擊“取消”或彈窗外區(qū)域即可關(guān)閉彈窗.如分享功能/ios相冊刪除照片的提醒
Actoinbar比Dialog擁有更多的功能按鈕,提供給用戶更多的功能選擇.
當功能按鈕數(shù)量很多的時候蔚晨,文字列表的形式不適合顯示乍钻,此時可以用圖形加文字描述排列的形式來進行展示(如微信分享微信公眾號文章時)
3 Popover/Popup(浮層):如微信首頁點擊右上角加號后出現(xiàn)的浮層/QQ右上角.? ? 用于折疊頁面多余信息或一些功能的入口
4 Toast/HUD(在安卓中叫Toast,在ios叫HUD)
尺寸較小,幾秒鐘即消失.在整個App中,Toast 出現(xiàn)的位置需保持一致,使用戶形成統(tǒng)一的認知習(xí)慣
5 Snackbar
用于向用戶反饋信息,介于Dialog與Tosat之間,用戶可以點擊按鈕進行交互(如:截圖分享…)
三、總結(jié)
模態(tài)彈窗:用于重要消息提示,用戶需進行操作,會打斷用戶當前操作
非模態(tài)彈窗:非重要消息提示,會自動消失,對用戶打擾程度低,不適于承載過多文案,因為停留時間短,用戶可能會看不清