快速搭建出一个APP的样子

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

猜你喜欢

转载自my.oschina.net/u/3491516/blog/919762
今日推荐