狀態(tài)欄
狀態(tài)欄出現(xiàn)在屏幕的最頂部铁孵,并顯示手機(jī)當(dāng)前狀態(tài)的有用信息,如時間,蜂窩電話耸序,網(wǎng)絡(luò)狀態(tài)和電池電量忍些。狀態(tài)欄中顯示的實際信息會因設(shè)備和系統(tǒng)設(shè)置而發(fā)生變化。
請使用系統(tǒng)提供的狀態(tài)欄坎怪。用戶期望的狀態(tài)欄在整個系統(tǒng)中是始終保持一致的罢坝。請不要用自定義的狀態(tài)欄來替換系統(tǒng)默認(rèn)的狀態(tài)欄。
請根據(jù)應(yīng)用程序App的設(shè)計來調(diào)整狀態(tài)欄的樣式搅窿。狀態(tài)欄的文本和指示器的樣式是白色的或黑色的嘁酿,而這兩種樣式在應(yīng)用程序中可以是全局設(shè)置,也可以是單獨(dú)為不同的屏幕界面而設(shè)置男应。黑色的狀態(tài)欄在淺色的界面內(nèi)容上效果看起來會更好闹司,而白色狀態(tài)欄在深色的內(nèi)容上效果會更好。
隱藏狀態(tài)欄下的內(nèi)容沐飘。默認(rèn)狀態(tài)下开仰,狀態(tài)欄的背景是半透明的,狀態(tài)欄下方的界面內(nèi)容是可以顯示的薪铜。請確保狀態(tài)欄的可讀性众弓,需要注意狀態(tài)欄下方的界面內(nèi)容是不可交互的。下面有幾種常用確保狀態(tài)欄的可讀性的技巧:
? ? ? ? 1. 在應(yīng)用程序中使用導(dǎo)航欄隔箍,保持導(dǎo)航欄背景顯示和狀態(tài)欄背景自動保持一致谓娃,并確保狀態(tài)欄下方不會顯示任何界面內(nèi)容。
? ? ? ? 2. 在狀態(tài)欄的背景上顯示自定義的圖像蜒滩,如漸變或純色滨达。
? ? ? ? 3. 對狀態(tài)欄背景進(jìn)行模糊處理。
在全屏瀏覽多媒體時俯艰,請考慮暫時隱藏狀態(tài)欄捡遍。當(dāng)用戶試圖專注于多媒體時,顯示的狀態(tài)欄可能會分散用戶的注意力竹握。請暫時隱藏狀態(tài)欄來提供更加沉浸式的瀏覽體驗画株。例如,系統(tǒng)照片應(yīng)用程序啦辐,在用戶全屏瀏覽照片時會將狀態(tài)欄和其他界面元素進(jìn)行隱藏谓传。
避免永久隱藏狀態(tài)欄。沒有狀態(tài)欄芹关,用戶就必須離開你的應(yīng)用程序來查看時間或者檢查Wi-Fi是否連接续挟。您可以通過簡單的、可發(fā)現(xiàn)的手勢來讓用戶操作使得狀態(tài)欄重新顯示侥衬。例如诗祸,全屏瀏覽照片時跑芳,只需點(diǎn)擊一下即可重新顯示狀態(tài)欄。
使用狀態(tài)欄來表示網(wǎng)絡(luò)狀態(tài)直颅。當(dāng)應(yīng)用程序鏈接網(wǎng)絡(luò)時博个,特別是長時間的操作,那么顯示網(wǎng)絡(luò)活動狀態(tài)欄指示器际乘,可以方便用戶知道當(dāng)前有網(wǎng)絡(luò)接入坡倔。(無論是蜂窩還是Wi-Fi)