TabView的使用及源碼詳解

關於(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數組代表切換的界面。
簡單明瞭,邏輯清晰。

源碼及demo

郵箱:[email protected]

github:https://github.com/commutescript

歡迎交流,歡迎star。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章