关于(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

邮箱:yhcommute@outlook.com

github:https://github.com/commutescript

欢迎交流,欢迎star。


版权声明:本文为u011072613原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/u011072613/article/details/53914988