問過大神，大神說用fragment或者activity都可以實現，那麼就要自己考慮了。
首先說下設計思路
以下初步設想，
1，仿照弘揚的android 教你打造炫酷的viewpagerindicator 不僅僅是高仿miui，另一種activity跳轉，這個太多了不打算用這個，等看遇到什麼問題再考慮
2，內容區域就是viewpager+fragmentpageradapter，裡面fragment之間的，frament跟activity之間的通訊什麼的先不考慮，我們現在就是想要個ui嘛，2333
3，因為之前已經做好類似前端那種百分比的布局了，所以這裡就直接控制fragment 和titlebar佔螢幕的百分比，titlebar一直存在就是textview內容根據fragment物件的改變變化
4，button和items的click事件控制fragment的跳轉和title文字變化
實現：介面上乙個framelayout，倆fragment，乙個包titlebar，乙個包九宮格，剩下的就是動態的使用fragment
這裡使用了兩個activity，乙個是mainactivity，來實現九宮格頁面，九宮格被點選後頁面跳轉到nextactivity，在nextactivity中有乙個viewpage，利用pageadapter
進行fragment的動態使用，由於需要較多fragment，可以使用fragmentmanager來定義乙個子類來生成。
Flex實現九宮格
關鍵點 利用了padding top和flex wrap wrap，當設定background color時，是包括盒子模型中的content和padding的，但是為什麼不設定height呢？因為父元素沒有高度，所以定義height 30 是沒有用的，且若想每個block都為正方形，最好的方式就是...
如何實現九宮格
九宮格容器是寬高相等的正方形，實現九宮格有幾種方法，這裡列舉一二 對於網格布局來說，grid 比 flex 更為方便，量更少，可以處理更為複雜的結構。如以下 square square inner grid 1234567 89效果 square 效果 除了浮動，這裡 li 也可以使用display...
CSS九宮格的4種實現
總結我自己一共總結了4種方法來實現這個效果，前三種方法是大同小異，只有第四種 布局比較特殊。下面我直接給出每一種布局方式相關的樣式和dom結構的原始碼。1.float布局float布局實現這個9宮格沒什麼好講的，關鍵點在於對li子項設定margin left 4px margin top 4px 這...