關於(About)
tab導航在app中比較常見,實現的方式也較多 。該TabView主要使用Viewpager封裝activity進行導航,主要分爲四種模式:頂部導航,底部導航,固定界面導航,左右滑動導航。
效果圖如下:
1、頂部導航
2、底部導航
3、固定導航
4、滑動導航
技術點分析
使用
導包:
詳見我的另外一篇博文:http://blog.csdn.net/u011072613/article/details/53889596
佈局
佈局簡單直接,只需要添加TabView就好。
<com.github.yf_library.tab.TabView
android:id="@+id/tab_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
代碼添加:
1、設置樣式:
mTabViewStyle=mTabView.getTabViewStyle();
mTabViewStyle.setmPositionType(TabPositionType.middle_movable);
mTabViewStyle.setmTextColor(Color.BLACK);
mTabViewStyle.setmTextColorSelected(Color.RED);
mTabViewStyle.setTabHeight(150);
mTabViewStyle.setTabBackGround(Color.CYAN);
此處的位置樣式共有四種:
//暫時定義四種類型的tab
public enum TabPositionType{
bottm,top,middle_fixed,middle_movable
}
分別對於四種不同的佈局
2、數據設置:
由於需要傳送intent,將其打包成view,首先需要在代碼中定義:
LocalActivityManager manager = null;
manager = new LocalActivityManager(this, true);
manager.dispatchCreate(savedInstanceState);
setTabData(LocalActivityManager manager, String[] txt, int[] pics, List<Intent> items);
其中txt數組代表導航字符,pics數組代表切換的圖片,items數組代表切換的界面。
簡單明瞭,邏輯清晰。
github:https://github.com/commutescript
歡迎交流,歡迎star。