Android 4.4 還流行 tab bar 底部導航欄嗎？

01-07

我用ActionBar中的Tab模式，似乎只能將導航欄放在頂部，標題的下方，怎麼實現這種底部的導航欄呢。聽說底部導航欄已經過時了，但卻看見好多APP還在用啊，究竟怎麼來實現？

Android 4.0 之後, 從來沒有 ?流行? 過底部 tab bar, 用底部 tab bar 的都是異端. Android 的導航是 drawer, spinner 和頂部 tabs.

參見: Structure - Layout 及 App Structure

split action bar確實不推薦，因為很多手機（包括Google自己的nexus）都採用虛擬按鍵，會顯得非常非常非常丑。

請用navigation drawer：

（Android的軟體設計，跟著Google走就行，即使不出彩，也絕對不會被人罵）

這才是現在流行的:

當然還有這樣:

又比如微信:

這才是認真的設計一個Android應用所應該有的。

而不是照搬ios底欄設計，那不叫時尚，那是偷懶。

首先要說明的是，這種底部導航欄並不是Android design推薦的（準確來說在Android design裡面根本沒有這種導航模式），這種底部tab的導航模式是從 ios design上移植過來的(如下圖所示)。

Android 4.0 裡面的導航主要是通過底部的「向上」虛擬鍵、action bar、navigation draw來實現應用內和應用間導航的。

而且，因不同的設計哲學和為了區分系統品牌風格， Android design中還明確說明不要使用底部tab導航欄：Don"t use bottom tab bars. Other platforms use the bottom tab bar to switch between the app"s views. Per platform convention, Android"s tabs for view control are shown in action bars at the top of the screen instead. In addition, Android apps may use a bottom bar to display actions on a split action bar. You should follow this guideline to create a consistent experience with other apps on the Android platform and to avoid confusion between actions and view switching on Android.

與ios底部tab這種「用來切換應用內視圖」的導航模式相對應的是Android中action bar的Fixed tabs、Scrolling tabs、Spinners控制項；一般使用Fixed tabs、Scrolling tabs達到切換視圖的目的，如果視圖不是頻繁切換和為了節省屏幕空間，則推薦使用Spinners來切換視圖。Android design中，當操作按鈕太多時，底部可以用來放置更多的Action button，或者在實際設計中，為了操作的便捷性，底部用來放置更為常用的Action button。

至於你說的這種從ios照搬到Android的底部導航欄模式還流行嗎，我認為之前在Android design還不成熟的環境下，確實流行過，但那時因為那時Android與ios體驗的差距太大，而且由於Android的開放性，加上很多企業為了節約開發成本（很多應用都是先開發ios版本的，Android版的是直接套用ios版的設計）所導致的。但是，隨著Android design體驗的提升，特別是自從Android 4.0以後，已經漸漸地縮小了與ios的差距了，越來越多的android應用開始遵循android 的設計規範了（可以參考android版的微信），而且隨著Android 5.0的設計進一步優化，與Google逐漸加強對Android系統的控制；這種從ios生硬照搬來的底部tab導航欄模式在android 4.0之後會不流行了。

底部導航欄都是ios在用，安卓版本的軟體一般都扔到頂部了。

你說的那個都是iOS在用，以及一些由於各種原因把Android版做的像iOS軟體的在用。

像這種菜單，4.0以後都放在左邊用手指划出來了。見Android知乎客戶端。

一切做這種iOS設計的軟體我都不會裝，丑爆了，懶成渣，還很不方便。比如QQ。

現在又被Google推薦了，一般3到5個item的時候推薦使用底部tab，少於3個用頂部tab，多於5個用navigation drawer。

底部TAB的觸摸優勢和滑動操作需要的能量不是一個檔次..滑動一次沒什麼,久了就特別煩,這個跟規範無關,從用戶的角度就是這樣子,手指輕輕觸摸一下就出來,對於單手是非常好的.而且滑動會帶給屏幕更多的傷害(手指上的汗液,劃痕,長指甲,還有滑動屏幕產生的印跡)等等, 安卓最新的官方設計上已經給出了底部TAB的設計, 說明了安卓官方自己已經認同了這種設計, 而且GOOGLE自己的音樂APP就是底部TAB的設計.

而且現在的微信也回到了這種設計.這一切的一切都說明了這個TAB天然的優勢,而且底部TAB和底部導航是可以很好的顯示的,參見:

而且當內容往下滾動的時候,可以將底部TAB縮下去, 這種體驗比用頭部TAB更好;

總結了一下現在流行的就是側邊欄加卡片式的UI 是吧

雖說bottom bar 不是官網建議使用的。不過是不是流行和官網建議關係不大，流行只是說喜歡的人多和使用的應用多。如果是一直使用QQ及美團等app的人估計對bottom bar也無甚惡感。就個人而言對側邊欄確是不甚感冒。當然是否流行是否和中美文化及審美差異是否有關我就知之不詳了。

首先針對你的問題，放在底部實現是完全沒有問題的，ActionBar可以放到下方。

然後，底部tab欄從來就不是Android官方推薦的設計，甚至還在設計規範里特別註明「Don"t use bottom tab bars」，不過也「In addition, Android apps may use a bottom bar to display actions on a split action bar」。

上面有回答說頂部tab欄不如iOS的底部tab方便，尤其針對於大屏手機，這是事實，但Android的頂部tab通常是和滑動搭配在一起的，實質上更鼓勵用戶依賴滑動而不是點擊，這也符合Android相比於iOS更傾向於滑動操作而不是點擊操作的理念。當然你具體針對最右項需要滑多次而iOS底部tab可以直接點這是沒錯，但優劣也是相對的。當tab欄超過五個時，Android可實現的頂部滾動tab欄通過滑動到後幾頁沒問題。

另大部分安卓手機底部都帶有虛擬鍵，tab欄放底部似乎也不太美觀，當然這點個人看法。

開發上來說，都能實現，Android由於其開放性，能實現的效果更多，只是說設計上Android從未推薦過底部tab的設計。

其實，我覺得底部TabBar 的設計其實非常好（雖然跟虛擬按鍵結合起來就很醜...）

TabBar 的導航方式比 Android 推薦的 DrawerLayout 、頂部 TabBar 和 ActionBar 都要方便。

假設我現在有四個主要菜單，我現在要從第一個切換到第四個

1. DrawerLayout(側拉菜單)

從左側邊緣拉出菜單 -&> 點擊屏幕左邊中間位置的第四個按鈕

2. 頂部 TabBar

左劃三次或點擊頂部的第四個菜單按鈕

3. ActionBar

呵呵，5.5寸屏的最頂部的按鈕...

4. 底部 TabBar

直接點擊底部的第四個按鈕

像我這種手掌不大，右手握屏，手持手機底部的人來說，像 iOS 的TabBar才是最方便的操作方式。我認為一切美觀都要以好用為前提。何況目前 Android 的手機就沒小屏的！！按鈕放頂部你妹夫啊！！故我很看好 flyme 的 SmartBar 設計，把 ActionBar 按鈕移到下面~

不是官方流行bottom bar，而是開發者自己為了省事兒。大眾點評這類app，做成什麼樣的導航方式都無所謂，總有很大用戶量和使用率。