关于(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数组代表切换的界面。
简单明了,逻辑清晰。
邮箱:yhcommute@outlook.com
github:https://github.com/commutescript
欢迎交流,欢迎star。
版权声明:本文为u011072613原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。