Android Action Bar簡介

 

Design: Action Bar

　　Action Bar是在屏幕頂端的一部分內容，通常在整個app進行中都保持存在。

　　它提供了幾個關鍵的功能：

　　1.使得重要的動作明顯且可以通過可預測的方式獲得（比如New和Search）。

　　2.提供了app中一致的導航和View轉換。

　　3.通過提供action流，減少了雜亂，尤其是對很少使用的動作來說。

　　4.為你的app內容提供了足夠多的空間。

 

Action Bar區域

　　Action Bar可以分為四個不同的功能區域：

 

 

1. App icon

　　可以放一些logo或者牌子之類的圖標。

　　但是如果你的app當前不在頂層屏幕，記得在logo左邊放上Up指示圖標（可以是一個返回箭頭之類的），這樣用戶可以向上一層返回。

　　更多可參見 Navigation。

 

2. View control

　　如果你的app在不同的view中展示數據，action bar中的這一部分可以允許用戶進行view的切換。

　　比如drop-down的菜單或者tab控制。

　　更多可參見App Structure 。

　　如果app不包含View切換，action bar的這一部分也可以用來展示非交互的內容，比如title或較長的branding信息。

 

3. Action buttons

　　Action Bar的這一部分用來展示一些app中比較重要的動作。

　　Action Bar中放不下的動作會自動移動到action overflow（4）中去。長按一個icon來看動作的名字。

　　動作應該有排序，FIT scheme可以用來對動作進行優先級划分。

　　Frequent, Important, Typical的動作應該被放在action bar里，如果都不滿足，則應該放入action overflow中。

 

4. Action overflow

　　把不常用的動作放在action overflow中來。

　　Action bar上的action overflow圖標僅僅在沒有硬件菜單鍵的時候才顯示，如果有菜單鍵，用戶點擊菜單鍵將會顯示action overflow。

 

Action Bar的適配

　　為適配不同的設備，考慮不同的屏幕方向和屏幕尺寸，可以分割action bar。

　　分割的時候action bar的可考慮位置主要有三個：

　　1.Main content bar

　　2.Top bar

　　3.Bottom bar

　　如果允許用戶向上層返回，即Up返回，那么Main content bar最少要提供向上返回的符號。

　　Top bar中可以用tab或者spinner讓用戶在View之間快速地進行切換。

　　Bottom bar通常用來展示動作，即action和action overflow。

 

　　Action bar中可以容納的按鈕個數（即action bar的容量）遵循一定的規律：

　　Main content bar中的action buttons不會占超過50%的寬度。

　　但底部的bar可以被全部占據。

　　屏幕的寬度（以dp為單位）決定了可以容納的項目數目：

　　360dp以下：2個icon。

　　360-499 dp = 3 icons

　　500-599 dp = 4 icons

　　600 dp and larger = 5 icons

 

Action Bar的實現

　　Action Bar的ActionBar API是Android 3.0（API Level 11）才引進的。但是可以通過Support Library 支持2.1及以上版本。

　　具體見：

　　http://developer.android.com/guide/topics/ui/actionbar.html

 

參考資料

　　Design: Action Bar：

　　http://developer.android.com/design/patterns/actionbar.html

　　Develop: Action Bar：

　　http://developer.android.com/guide/topics/ui/actionbar.html

　　Reference: Action Bar:

　　http://developer.android.com/reference/android/app/ActionBar.html

　　資源下載：

　　Download the Action Bar Icon Pack