當下主流的軟件沒有一個統一明確的風格，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. 文字底部添加選中標記，左右漂移滑動滑塊來標記當前選中頁
4. 簡潔風格這裏列出了兩個比較文藝的App
4.1 只有文字沒有圖標（一個）
4.2 只有圖標沒有文字（Lofter）
5. 不規則標籤
這類型很多樣子風格的，既然都說不規則了就不一一列舉了，這裏只舉例幾個常見的
以中心爲重點功能來分配分頁，這類型最著名的應該是聯通營業廳，但是後來居上喜馬拉雅做的更漂亮了，QQ空間和新浪微博是用戶量最多的兩款App。
6. 其他
密信是我做過最精（e）美（xin）的界面，對程序員來說是一種摧殘，但是對於用戶就是一種視覺享受
這個底部Tab看似簡單，細看一下，每個Tab標籤是有小角的，點擊任何一個標籤會聯動左右兩個壓腳的效果
當初老闆把Android和iOS界面使用了一套圖片，這個很讓人受不了，尤其是對於程序員，每個平臺控件的特性本就不同。。。
最後Android爲了做效果自定義了太多太多控件，哪怕是一像素線都需要精確，很多小格子背景都是代碼控制，因爲不能拉伸。。。
最後的最後就是Android版本未能上線，只在測試組跑了幾遍（由於公司重點全部轉到MDM企業級產品，沒精力上線Android只上了iOS）。。。
我發誓，以後美工再做這麼腦殘的界面我寧可辭職。。。
界面分析到此爲止，市面上的主流App也就這幾種類型了，在稍後的文章中將使用代碼一一實現這些風格的底部Tab！