Android 底部TabActivity（0）——開篇（界面分析）

當下主流的軟件沒有一個統一明確的風格，App框架什麼樣的都有，但個人鐘情於頁面底部Tab分簽架構，移動設備的屏幕雖然越來越大，但是顯示的內容還是有限，為了能展示更多的內容，方便簡潔的操作習慣中Tab架構是不二選擇，分為頂部Tab和底部Tab。所以小山准備出一系列關於Tab的Blog，作為自己代碼備份，也希望能幫到大家擴展開發思路，那就更是功德無量了。由於是Blog講解，代碼盡量簡單為好，不會大量的抽取重構，也盡量少使用資源文件，原理為中心。
看看當前比較常用的App中使用底部Tab的明星軟件，先分析一下界面效果（標簽內部的內容有更新推送會有角標提示，這裡不作處理，以後文章可能會專門講解角標提示，盡請期待），扯點題外話吧，在開始做之前最後先心裡有個數，不要蒙頭上來一頓胡敲或一頓百度。。。要明確自己要做什麼。
第一波Blog先來搞底部的Tab，好吧，啰嗦了半天，先看看流弊的界面效果吧。
1. 整體標簽背景圖片|顏色不變，通過改變單個子標簽上的文字和圖標來標識當前選中的標簽（使用最多），這類標簽個數一般3~5個： 1.1 QQ（V5.1.0）精簡之後使用了3個標簽與主流界面相比稍顯突兀，使用扁平化風格圖標顯得纖細柔弱； 1.2 來往（V5.3.2）使用了深灰色的底板突出自己的特色，使用4個標簽不擁不擠，圖標用了賣萌的風格，占位恰到好處； 1.3 PPTV聚力（V4.0.5）和微信（V5.4）也使用了4個標簽 背板使用接近於白色的淺色，搭配主流的扁平風，文字說明和標簽的圖標使用統一色調，這就是主流界面的基准； 1.4 淘寶（V4.9.3）使用了5個分頁，加上纖細的圖標整體也不覺得擁擠。


2. 點擊單個子標簽背景改變，通過變亮或變暗凸顯當前選中標簽頁（稍顯過時，主流的扁平風格不使用這樣的style，但是個人更喜歡這種，比第1種類型更明顯）

3. 文字底部添加選中標記，左右漂移滑動滑塊<喎?/kf/ware/vc/" target="_blank" class="keylink">vc3Ryb25nPsC0seq8x7Wxx7DRodbQ0rMKPGJyPgoKPGltZyBzcmM9"/uploadfile/Collfiles/20140929/2014092909153441.png" alt="\">

4. 簡潔風格這裡列出了兩個比較文藝的App 4.1 只有文字沒有圖標（一個） 4.2 只有圖標沒有文字（Lofter）

5. 不規則標簽 這類型很多樣子風格的，既然都說不規則了就不一一列舉了，這裡只舉例幾個常見的 以中心為重點功能來分配分頁，這類型最著名的應該是聯通營業廳，但是後來居上喜馬拉雅做的更漂亮了，QQ空間和新浪微博是用戶量最多的兩款App。
6. 其他 密信是我做過最精（e）美（xin）的界面，對程序員來說是一種摧殘，但是對於用戶就是一種視覺享受 這個底部Tab看似簡單，細看一下，每個Tab標簽是有小角的，點擊任何一個標簽會聯動左右兩個壓腳的效果 當初老板把Android和iOS界面使用了一套圖片，這個很讓人受不了，尤其是對於程序員，每個平台控件的特性本就不同。。。 最後Android為了做效果自定義了太多太多控件，哪怕是一像素線都需要精確，很多小格子背景都是代碼控制，因為不能拉伸。。。 最後的最後就是Android版本未能上線，只在測試組跑了幾遍（由於公司重點全部轉到MDM企業級產品，沒精力上線Android只上了iOS）。。。 我發誓，以後美工再做這麼腦殘的界面我寧可辭職。。。 Android 底部TabActivity（1）——FragmentActivity