Android Navigation Drawer样式抽屉的使用
?NavigationDrawer(導航抽屜)是一個從屏幕的左邊緣過渡并且顯示app的主要導航操作的面板。
顯示Navigation Drawer
? ?用戶能夠從屏幕左邊緣滑動滑塊或者點擊app的ActionBar上的圖標調使Navigation Drawer顯示到屏幕。
? ?作為NavigationDrawer的擴展,它覆蓋主內容除了ActionBar。當導航抽屜被完全的展開時,ActionBar通過替換當前帶有app名字的ActionBar和移除全部的由導航抽屜支配的視圖有前后關系的行為。帶有Setting和Help操作的標準操作項的溢出菜單是仍然顯示。
因為它們是短暫的,所以導航抽屜使視圖減少混亂。你也可以使用它們在導航等級中較低的等級,允許使用者能夠從app的任何地方都能夠轉換到其他重要的頁面。
在App的任何位置,從屏幕左邊滑動,就可打開NavigationDrawer
隱藏NavigationDrawer
? ?當導航抽屜是被展開時,用戶可以隱藏它通過四種方法:
-
觸摸NavigationDrawer以外的內容
-
在屏幕上的任何地方向左滑動(包括點擊屏幕右邊緣)
-
點擊app中ActionBar的圖標或者標題
-
點擊后退鍵
什么時候使用導航抽屜
? ?導航抽屜并不是一般意義上頂層導航菜單(spinners)或者導航標簽(tabs)的替換,你的app應用結構應當指引你對頂層轉換使用哪種模式。更多關于頂層轉換機制信息,請查看應用結構設計模式。
這里有一些導航抽屜在一些地方應用較好的例子:
頂層菜單視圖超過三個
導航抽屜能很好的處理同時放置很多導航視圖(targets)的情況,如果你有超過3個頂層視圖的話,使用導航抽屜是很合適的,如果你不想使用導航抽屜,也可以使用固定的導航標簽來簡化頂層菜單的展示以及交互。
低層視圖交叉導航
如果你的app應用需要在非頂層視圖界面間交叉導航,考慮使用導航抽屜。因為它的內容可以來源于應用程序的任何地方,導航抽屜能夠有效地讓你的頁面從非頂層界面跳轉到應用程序中其它重要的地方。
導航抽屜使得非頂層頁面間的交叉導航變得可能
深層導航分支
如果你有更深層的導航分支,使用返回鍵重新導航到應用程序的頂層頁面就變得重復而且麻煩。正因為導航抽屜的內容可以來源于應用程序的任何地方,導航到頂層頁面變得更快,效率更高。
navigation drawer允許快速跳轉到應用程序的頂級頁面,而無需按重復返回。
導航中心
? ?在你的程序結構當中,導航抽屜是一個映像,主要用于展示你的導航中心。考慮導航中心這些方面,使用者會經常通過它跳到這個程序的另外一個部分。最起碼而言,導航中心是最高級的視圖,它適合你的程序的最主要的功能。
? ?如果你的程序結構比較深,你添加的視圖須從較低的水平深度,這樣你的使用者將會經常性的使用你的導航中心。
你的所有導航抽屜都包含在你程序的導航中心。高分辨率的屏幕和低分辨率的都一樣重要。
? ?適合在導航中心使用導航抽屜的位置是,所有的屏幕在你的導航抽屜應該一個一致入口,顯示導航抽屜指示程序圖標應該在動作條當中。觸發圖標可以讓導航抽屜從左邊滑出。所有其他的低分辨屏幕顯示了傳統的程序圖標,抽屜仍是側滑,但不是特色在動作條當中。
抽屜式導航的內容
? ?注意抽屜式導航的內容主要在于應用程序的導航。你的導航中心內容是應用程序成列表一樣呈現在抽屜式導航里---每行是一項。
標題,圖標和序號
你可以通過添加標題來組織你的導航結構。你的標題不是相互聯系的,僅僅只是用來將目標轉入所屬的功能模塊。如果你有很多需要導航的目標,在抽屜里使用標題來為用戶定位。
? ?導航目標可以使用有明顯特征的圖標及序號。使用序號去提醒用戶在相應視圖內數據的狀態改變。
使用標題和圖標去組織你的抽屜
折疊式的導航項
? ?如果你有許多從屬于其他項的視圖,考慮將它們分到一個可擴展的項中,以便于節省空間。然后在抽屜式導航里的父項可以分成一個分項。左邊允許父項視圖的導航,右邊呈現出子項的列表。
? ?在運行的時候,呈現給你的是一個分項的最初狀態。而我們規定,所有頂端視圖在抽屜式導航里都是可見的。如果你有很多可折疊項,考慮將所有項折疊到用戶可以看到的頂級視圖中。
? ?當用戶打開抽屜里的一個頂級視圖時,給相應的頂級視圖分配一個足夠的空間,并在頂端顯示用戶在應用程序中的當前位置。
可折疊項是分開的。左側是導航,右側是分離出來的項
Navigation Drawers 和 Action Bars
? ?當用戶展開的導航抽屜,任務焦點切換到從抽屜中選擇一個項目。因為抽屜不會覆蓋操作欄中,用戶可能沒有意識到,在操作欄項目不涉及到導航抽屜。
為了減少混亂,調整以下操作欄的內容,一旦完全展開的抽屜:
·應用程序圖標
·應用程序名稱
·刪除操作欄中的行動基礎的視圖(如創建新的“,”刷新“)是上下文。您可能會保留與全球范圍內的行動,如“搜索”。
·溢出與預期的導航目標,如設置和幫助菜單。
清理抽屜時,操作欄完全展開。刪除不需要的行動,并在標題區中顯示您的應用程序的名稱
操作
? ?請勿將行動在導航抽屜。操作屬于在操作欄中,用戶希望看到他們。請記住,不是所有的應用程序使用的導航抽屜模式。它可能是很有誘惑力的,露出你的應用程序的所有功能,在同一個地方,但在心中保持大局觀。將你的行動,所有的應用程序,顯示它們。
這也適用于通用的導航目標,如獲得幫助,或應用程序的設置。每款指南慣例幫助和設置始終位于行動溢出。
上下文操作欄
? ?有時用戶會在上下文操作欄(CAB)的狀態下出現,而不是應用程序的行動吧。這通常發生在用戶選擇的文本或選擇多個項目后,按下并保持姿態。雖然CAB是可見的,你仍然應該允許用戶打開該導航抽屜采用邊緣輕掃。然而,取代CAB標準動作欄,而導航打開抽屜。當用戶關閉抽屜,重新顯示CAB。
隱藏上下文操作欄,而抽屜可見。
? ?如果用戶瀏覽遠離之前選定的內容,取消選擇的內容之前,導航到新的視圖。
風格
? ?導航抽屜的寬度取決于你想展示的內容。但是應該在240dp至320dp之間。每一個列表的高度不應該超過48dp.布局應該根據建議的指導方針以確定邊緣和空間。
導航抽屜的布局指導
? ?挑選抽屜的背景最好和你的程序主題相匹配。完整的高亮主題和完整的暗色的主題抽屜。
本文轉自HDDevTeam 51CTO博客,原文鏈接:http://blog.51cto.com/hddev/1254472,如需轉載請自行聯系原作者
總結
以上是生活随笔為你收集整理的Android Navigation Drawer样式抽屉的使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jenkins 使用LDAP认证
- 下一篇: Micropython教程之TPYBoa