HIG:Bars - Status Bars(狀態(tài)欄)

自上次參加完回音分享會后,我下定決心要洗心革面乖乖打基礎(chǔ),于是開啟了這個part,爭取兩個月不間斷更新,寫完Material Design與iOS中的組件(順便學(xué)學(xué)英語),以便今后在使用的時候完全不虛

狀態(tài)欄(Status Bars)

Human Interface Guidelines鏈接:Status Bars

Status Bar出現(xiàn)在屏幕的上邊緣,并顯示有關(guān)設(shè)備當(dāng)前狀態(tài)的有用信息,如時間,手機運營商,網(wǎng)絡(luò)狀態(tài)和電池電量。 Status Bar中顯示的實際信息取決于設(shè)備和系統(tǒng)配置。


使用時注意

使用系統(tǒng)提供的狀態(tài)欄。 人們期望狀態(tài)欄在系統(tǒng)范圍內(nèi)保持一致。 不要用自定義狀態(tài)欄替換它。

將狀態(tài)欄樣式與您的app進(jìn)行協(xié)調(diào)。狀態(tài)欄的文字和indicators的視覺風(fēng)格可以是白色或黑色(如上圖),可以為您的app全局設(shè)置,也可以針對不同的屏幕單獨設(shè)置。黑色status bar在淺色內(nèi)容之上表現(xiàn)得更好,反之亦然。

對狀態(tài)欄下的內(nèi)容進(jìn)行遮擋。默認(rèn)情況下,狀態(tài)欄的背景是透明的,允許下面的內(nèi)容顯示。保持status bar可讀,并不意味著它背后的內(nèi)容是交互式的。有幾種常見的技術(shù)可以做到這一點:

·在您的app中使用navigation bar,它會自動顯示status bar背景并確保內(nèi)容不會出現(xiàn)在status bar下。

·在status bar后面顯示自定義圖像,如漸變色或純色。

·在status bar后面放置一個模糊的視圖。

考慮在顯示全屏媒體時暫時隱藏status bar。當(dāng)用戶試圖關(guān)注媒體時,status bar可能會分散用戶注意力。暫時隱藏這些元素以提供更加身臨其境的體驗。例如,“照片”app會在用戶瀏覽全屏照片時隱藏status bar和其他界面元素。

全屏看圖片

避免永久隱藏status bar。 沒有status bar,人們必須離開app檢查時間或查看是否有Wi-Fi連接。 讓人們使用簡單的,可發(fā)現(xiàn)的手勢重新顯示隱藏的status bar。 在照片app中瀏覽全屏照片時,一次點擊就會再次顯示status bar。

使用status bar來表示網(wǎng)絡(luò)活動。 當(dāng)您的app使用網(wǎng)絡(luò)時,尤其是對于冗長的操作,請顯示網(wǎng)絡(luò)活動status bar的indicator,以便人們知道活動正在發(fā)生。?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 概述 通常來說,System bars(包含status bar和navigation bar,如下圖所示, 1代...
    小蕓論閱讀 4,121評論 0 9
  • Structure - 結(jié)構(gòu) UI regions - UI區(qū)域 For guidance on arrangin...
    兩個朋友指甲閱讀 1,055評論 0 2
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,063評論 25 709
  • 冬天的中午,一縷縷陽光把門窗上的晨霧抹去,鉆入房間,在白墻上放映斑斑亮點。這些亮點好熟悉,那是遙遠(yuǎn)的從前,...
    不言自芳閱讀 310評論 0 0
  • 魔窗 “我已經(jīng)受夠了這窗外一成不變的景色,我受夠了那綠油油的草地!我受夠了那平靜的湖水!我受夠了那廣袤的森林!我受...
    CutyBear閱讀 574評論 0 1

友情鏈接更多精彩內(nèi)容