一、什麼是Action Bar
Action Bar被認爲是新版Android系統中最重要的交互元素,在程序運行中一直置於頂部,主要起到的做用在於:
1)突出顯示一些重要操做(如「最新」、「搜索」等)
2)在程序中保持統一的頁面導航和切換方式
3)將使用頻率低的功能放在Action overflow中,節省頁面空間
4)一個固定區域顯示程序標示html
二、Action Bar分紅四個區域
App Icon:可顯示軟件icon,也可用其餘圖標代替。當軟件不在最高級頁面時,圖標左側會顯示一個左箭頭,用戶能夠經過這個箭頭向上導航。
視圖切換:若是你的應用要在不一樣的View中顯示數據,這部分容許用戶來切換View。通常的做法是用一個drop-down菜單或者是Tab Controls。若是隻有一個界面,那這裏能夠顯示App Title或者更長點的商標信息
Action Buttons:這個放最重要的軟件功能,放不下的按鈕就自動進入Action overflow了。
Action overflow:把不經常使用的Actions移到Action overflowandroid
三、屏幕旋轉及不一樣分辨率適配
寫一個應用時一個重要的UI 問題就是如何適應屏幕旋轉和不一樣尺寸的屏幕。你能夠經過使用split action bars來適應這種變化,
就是把action bar 內容拆分到不一樣的bars裏,拆分後通常包含三個部分:
Main action bar:用戶能夠經過main action bar導航至上一級,所以這個操做條是必須的;
Top bar:當頁面上有不一樣的內容視圖時,可在這個條上使用TAB或spinner下拉菜單的形式切換;
Bottom bar:要展示更多操做和功能,在頁面最下端排列瀏覽器
四、Contextual Action Bar (CAB)url
「上下文操做欄」 (contextual action bar,CAB) 是一個浮於操做欄上的臨時操做欄,用來放置一些特定的子任務。「上下文操做欄」通常在項目選擇和文字選擇時出現。
瀏覽器和 Gmail 應用中的上下文操做欄htm
長按可選擇的內容,進入選擇模式,顯示上下文操做欄。blog
此時用戶能夠:ip
當您讓用戶長按來選擇項目時,須要使用上下文操做欄。您能夠控制上下文操做欄中的圖標,使用戶能夠執行不一樣的操做。開發
五、Action Bar包含元素
1)Tabs
若是但願用戶常常在幾個部分間切換,可使用Tabs。有兩種Tabs:固定的(fixed)跟可滑動的(scrollable)
Scrollable:常常佔據整個Bar的寬度,當前的活動View在中間位置,所以須要在一個專用的Bar裏。能夠本身水平的scroll,來顯示更多其餘的view。使用狀況:若是有不少的Views或者你不肯定有多少Views,由於多是動態添加的。Scrollable Tabs應該老是容許用戶經過左右Swipe來切換Views。get
Fixed Tabs:將全部標籤顯示在屏幕上,當方向變化時,它可能會被移動到Top bar位置去。it
2)Spinners下拉框
官方給出使用spinner而不用tab的狀況:
當不但願tab佔據太多頁面豎直方向上的空間
當用戶認爲不須要常常在視圖之間切換時
3)Action buttons
要分清楚哪些Action是常用的,並根據這個來安排它們的位置。應該顯示最經常使用的Actions,把其餘不是經常使用的放到overflow裏。
若是一個Action在當前不被使用,把它隱藏掉,而不是顯示爲不能用。
使用FIT表來分辨優先級。若是FIT中有一個適用,就把它放到Action bar,不然就放到Action overflow裏。
F – Frequent 高頻
當用戶在這個頁面時,是否10次中至少有7次會使用這個按鈕?
用戶是否一般要連續使用不少次?
若是每次使用該功能都要多一步操做,會不會很繁瑣?
I – Important 重要
你是否但願每一個用戶都能發現這個功能,或者由於它很酷或者是你的賣點?
你是否定爲當須要用到這個按鈕時,應該很容易觸及?
T – Typical 典型
在類似的軟件中,這個功能是否是一般是的最重要操做?
在上下文環境下,若是這個操做按鍵被埋在overflow中,用戶會不會驚訝?
下面的連接裏包含一些系統自帶操做的圖標素材,針對不一樣屏幕分辨率,可使用在Holo Light和Holo Dark主題中;
另外包括圖標的Adobe Illustrator源文件可供自行修改。
4)Action overflow
Action overflow中存放並不會頻繁用到的操做。按照官方網頁上的說法,「Overflow圖標僅顯示在沒有MENU硬按鍵的手機上,而對於有MENU鍵的手機,
overflow圖標是不顯示的,當用戶點擊MENU按鍵時彈出。」這樣的說法比較蹊蹺,彷佛和Google敦促手機廠商及軟件開發商取消MENU的行爲不相匹配。
六、Action bar上能夠放下多少操做按鈕?
若是操做按鈕和軟件標題等放在一排,放按鈕的空間只能最多佔用一半空間,若是按鈕採用屏幕底部的整行action bar則可使用整個屏幕寬度。
屏幕寬度值Density-independent Pixels(dp)決定能夠放置的圖標數:
少於360 dp = 2個圖標
360-499 dp = 3個圖標
500-599 dp = 4個圖標
多於600 dp = 5個圖標
本文參考:http://developer.android.com/design/patterns/actionbar.html
歡迎轉載,但請註明出處與做者
出處:http://blog.sina.com.cn/staratsky
做者:流星