APP是个什么样子
- 目前主流的APP界面,底部一个导航栏,点击切换四个Fragment,顶部配有Viewager和TabLayout互动,点击切换。
快速的搭建出一个APP的样子
- 国产封装的一个TabLayout库,样式多,接入方便快速,文档再详细点会更快,当然有DEMO下载,接入开发速度也不会很慢。
github 地址点击跳转
一个Android TabLayout库,目前有3个TabLayout
-
SlidingTabLayout:参照PagerSlidingTabStrip进行大量修改.
- 新增部分属性
- 新增支持多种Indicator显示器
- 新增支持未读消息显示
- 新增方法for懒癌患者
/** 关联ViewPager,用于不想在ViewPager适配器中设置titles数据的情况 */ public void setViewPager(ViewPager vp, String[] titles)
/** 关联ViewPager,用于连适配器都不想自己实例化的情况 */
public void setViewPager(ViewPager vp, String[] titles, FragmentActivity fa, ArrayList<Fragment> fragments)
- CommonTabLayout:
不同于SlidingTabLayout对ViewPager依赖,它是一个不依赖ViewPager可以与其他控件自由搭配使用的TabLayout.
- 支持多种Indicator显示器,以及Indicator动画
- 支持未读消息显示
- 支持Icon以及Icon位置
- 新增方法for懒癌患者
/** 关联数据支持同时切换fragments */ public void setTabData(ArrayList<CustomTabEntity> tabEntitys, FragmentManager fm, int containerViewId, ArrayList<Fragment> fragments) SegmentTabLayout
- SegmentTabLayout
### DEMO(依次对应效果)
![SlidingTabLayout](https://static.oschina.net/uploads/img/201706/12224821_PZEt.gif "SlidingTabLayout")
![CommonTabLayout](https://static.oschina.net/uploads/img/201706/12230027_Q1rI.gif "CommonTabLayout")
![SegmentTabLayout ](https://static.oschina.net/uploads/img/201706/12225021_qpLT.gif "SegmentTabLayout ")
// 设置未读红点 position:对应的tab位置 tabLayout_1.showDot(int position); // 设置未读信息 num:信息条数,大于0显示数字,小于等于0也是显示红点 tabLayout_1.showMsg(int position, int num); // 设置未读消息偏移,原点为文字的右上角.当控件高度固定,消息提示位置易控制,显示效果佳 tabLayout_1.setMsgMargin(int position, float leftPadding, float bottomPadding) // 可以通过该方法获取MsgView对象从而各种设置,获取指定位置Tab对象设置属性 tabLayout_1.getMsgView(int position);
// 使用tabLayout_1.setTabData方法情况,不可滑动选中,不需要添加适配器 // 选中指定tab tabLayout_1.setCurrentTab(int postion);
// 使用tabLayout_1.setViewPager情况,可滑动选中,添加适配器 // 选中指定tab ViewPager.setCurrentItem(int postion);
- 基本就这样了,其余在github的md文档里有,上文只是补充缺少的方法说明,更多样式参考DEMO