NavigationDrawer(導航抽屜)是一個從屏幕的左邊緣過渡而且顯示app的主要導航操做的面板。
html
顯示Navigation Drawerandroid
用戶可以從屏幕左邊緣滑動滑塊或者點擊app的ActionBar上的圖標調使Navigation Drawer顯示到屏幕。web
做爲NavigationDrawer的擴展,它覆蓋主內容除了ActionBar。當導航抽屜被徹底的展開時,ActionBar經過替換當前帶有app名字的ActionBar和移除所有的由導航抽屜支配的視圖有先後關係的行爲。帶有Setting和Help操做的標準操做項的溢出菜單是仍然顯示。設計模式
由於它們是短暫的,因此導航抽屜使視圖減小混亂。你也可使用它們在導航等級中較低的等級,容許使用者可以從app的任何地方都可以轉換到其餘重要的頁面。app
在App的任何位置,從屏幕左邊滑動,就可打開NavigationDraweride
隱藏NavigationDrawer佈局
當導航抽屜是被展開時,用戶能夠隱藏它經過四種方法:ui
觸摸NavigationDrawer之外的內容spa
在屏幕上的任何地方向左滑動(包括點擊屏幕右邊緣)設計
點擊app中ActionBar的圖標或者標題
點擊後退鍵
何時使用導航抽屜
導航抽屜並非通常意義上頂層導航菜單(spinners)或者導航標籤(tabs)的替換,你的app應用結構應當指引你對頂層轉換使用哪一種模式。更多關於頂層轉換機制信息,請查看應用結構設計模式。
這裏有一些導航抽屜在一些地方應用較好的例子:
頂層菜單視圖超過三個
導航抽屜能很好的處理同時放置不少導航視圖(targets)的狀況,若是你有超過3個頂層視圖的話,使用導航抽屜是很合適的,若是你不想使用導航抽屜,也可使用固定的導航標籤來簡化頂層菜單的展現以及交互。
低層視圖交叉導航
若是你的app應用須要在非頂層視圖界面間交叉導航,考慮使用導航抽屜。由於它的內容能夠來源於應用程序的任何地方,導航抽屜可以有效地讓你的頁面從非頂層界面跳轉到應用程序中其它重要的地方。
導航抽屜使得非頂層頁面間的交叉導航變得可能
深層導航分支
若是你有更深層的導航分支,使用返回鍵從新導航到應用程序的頂層頁面就變得重複並且麻煩。正由於導航抽屜的內容能夠來源於應用程序的任何地方,導航到頂層頁面變得更快,效率更高。
navigation drawer容許快速跳轉到應用程序的頂級頁面,而無需按重複返回。
導航中心
在你的程序結構當中,導航抽屜是一個映像,主要用於展現你的導航中心。考慮導航中心這些方面,使用者會常常經過它跳到這個程序的另一個部分。最起碼而言,導航中心是最高級的視圖,它適合你的程序的最主要的功能。
若是你的程序結構比較深,你添加的視圖須從較低的水平深度,這樣你的使用者將會常常性的使用你的導航中心。
你的全部導航抽屜都包含在你程序的導航中心。高分辨率的屏幕和低分辨率的都同樣重要。
適合在導航中心使用導航抽屜的位置是,全部的屏幕在你的導航抽屜應該一個一致入口,顯示導航抽屜指示程序圖標應該在動做條當中。觸發圖標可讓導航抽屜從左邊滑出。全部其餘的低分辨屏幕顯示了傳統的程序圖標,抽屜還是側滑,但不是特點在動做條當中。
抽屜式導航的內容
注意抽屜式導航的內容主要在於應用程序的導航。你的導航中心內容是應用程序成列表同樣呈如今抽屜式導航裏---每行是一項。
標題,圖標和序號
你能夠經過添加標題來組織你的導航結構。你的標題不是相互聯繫的,僅僅只是用來將目標轉入所屬的功能模塊。若是你有不少須要導航的目標,在抽屜裏使用標題來爲用戶定位。
導航目標可使用有明顯特徵的圖標及序號。使用序號去提醒用戶在相應視圖內數據的狀態改變。
摺疊式的導航項
若是你有許多從屬於其餘項的視圖,考慮將它們分到一個可擴展的項中,以便於節省空間。而後在抽屜式導航裏的父項能夠分紅一個分項。左邊容許父項視圖的導航,右邊呈現出子項的列表。
在運行的時候,呈現給你的是一個分項的最初狀態。而咱們規定,全部頂端視圖在抽屜式導航裏都是可見的。若是你有不少可摺疊項,考慮將全部項摺疊到用戶能夠看到的頂級視圖中。
當用戶打開抽屜裏的一個頂級視圖時,給相應的頂級視圖分配一個足夠的空間,並在頂端顯示用戶在應用程序中的當前位置。
可摺疊項是分開的。左側是導航,右側是分離出來的項
當用戶展開的導航抽屜,任務焦點切換到從抽屜中選擇一個項目。由於抽屜不會覆蓋操做欄中,用戶可能沒有意識到,在操做欄項目不涉及到導航抽屜。
爲了減小混亂,調整如下操做欄的內容,一旦徹底展開的抽屜:
·應用程序圖標
·應用程序名稱
·刪除操做欄中的行動基礎的視圖(如建立新的「,」刷新「)是上下文。您可能會保留與全球範圍內的行動,如「搜索」。
·溢出與預期的導航目標,如設置和幫助菜單。
清理抽屜時,操做欄徹底展開。刪除不須要的行動,並在標題區中顯示您的應用程序的名稱
操做
請勿將行動在導航抽屜。操做屬於在操做欄中,用戶但願看到他們。請記住,不是全部的應用程序使用的導航抽屜模式。它多是頗有誘惑力的,露出你的應用程序的全部功能,在同一個地方,但在心中保持大局觀。將你的行動,全部的應用程序,顯示它們。
這也適用於通用的導航目標,如得到幫助,或應用程序的設置。每款指南慣例幫助和設置始終位於行動溢出。
上下文操做欄
有時用戶會在上下文操做欄(CAB)的狀態下出現,而不是應用程序的行動吧。這一般發生在用戶選擇的文本或選擇多個項目後,按下並保持姿態。雖然CAB是可見的,你仍然應該容許用戶打開該導航抽屜採用邊緣輕掃。然而,取代CAB標準動做欄,而導航打開抽屜。當用戶關閉抽屜,從新顯示CAB。
隱藏上下文操做欄,而抽屜可見。
若是用戶瀏覽遠離以前選定的內容,取消選擇的內容以前,導航到新的視圖。
風格
導航抽屜的寬度取決於你想展現的內容。可是應該在240dp至320dp之間。每個列表的高度不該該超過48dp.佈局應該根據建議的指導方針以肯定邊緣和空間。
挑選抽屜的背景最好和你的程序主題相匹配。完整的高亮主題和完整的暗色的主題抽屜。
文章源地址:
http://developer.android.com/design/patterns/navigation-drawer.html