多功能的PagerSlidingTabStrip

原创 2016年06月01日 15:25:51

最近公司UI有个需求,要求做一个可滑动的指示器,每个选项卡的颜色不同,而且选中的字体要变大,以前只遇到过可滑动的PagerSlidingTabStrip,但是没有设置多种颜色跟放大选中字体的功能。好吧,参考原有的自己写个。

主要功能与属性如下:

<!-- 滑动条颜色 -->
        <attr name="pstIndicatorColor" format="color" />
        <!-- 底部分割线颜色 -->
        <attr name="pstUnderlineColor" format="color" />
        <!-- 分割线颜色 -->
        <attr name="pstDividerColor" format="color" />
        <!-- 滑动条高度-->
        <attr name="pstIndicatorHeight" format="dimension" />
        <!-- 底部分割线高度-->
        <attr name="pstUnderlineHeight" format="dimension" />
        <!-- 分割线底部和顶部的填充宽度 -->
        <attr name="pstDividerPadding" format="dimension" />
        <!-- 每个标签左右填充宽度 -->
        <attr name="pstTabPaddingLeftRight" format="dimension" />
        <attr name="pstScrollOffset" format="dimension" />
        <!--  如果设置为true,每个标签是相同的控件,均匀平分整个屏幕,默认是false -->
        <attr name="pstShouldExpand" format="boolean" />
        <!-- 如果为true,所有标签都是大写字母,默认为true -->
        <attr name="pstTextAllCaps" format="boolean" />
        <!-- 标签字体大小-->
        <attr name="pstTextSize" format="dimension" />
        <!-- 标签字体颜色-->
        <attr name="pstTextColor" format="color" />
        <!-- 选中标签字体大小-->
        <attr name="pstSelectedTabTextSize" format="dimension" />
        <!-- 选中标签字体颜色-->
        <attr name="pstSelectedTabTextColor" format="color" />
        <!-- 标签字体多种颜色-->
        <attr name="pstColorArray" format="reference" />
        <!-- 是否有左右分割线-->
        <attr name="pstHasDivider" format="boolean" />
        <!-- 指示器颜色是否跟随字体颜色-->
        <attr name="pstSameColor" format="boolean" />

如需整个项目请移步至Github或下载中心下载:

Github:https://github.com/LittleRoyal/PagerSlidingTabStrip.git

CSDN下载中心:http://download.csdn.net/detail/garnett2012/9537891


效果1,每个Tab设置不同的颜色,指示器的颜色与字体颜色独立,选中的字体放大;


效果2,默认选项卡的字体颜色相同,指示器与选中的Tab字体颜色不同


效果三,每个选项卡的颜色不同,指示器的颜色跟随选项卡的颜色



相关文章推荐

针对PagerSlidingTabStrip 1.3的功能改善(滑动条长度根据标题长度动态变化)

一般入门android以后,想提高自己的android水平,个人认为最好的方式就是大量阅读优秀的开源App,例如开源中国的App,我android入门后就有人推荐我去看,真是收益非浅,想起刚开始写代码...

[带gif效果图](PagerSlidingTabStrip添加下滑上滑功能)根据touch事件的传递,滑动收起或下拉viewpager的标题指示器

根据touch事件的传递,滑动收起或下拉viewpager的标题指示器,这里的标题指示器引用的是GitHub上火爆的项目 :PagerSlidingTabStrip, 这里根据最新的项目需求实现根据l...
  • yitao_
  • yitao_
  • 2016年12月03日 12:05
  • 417

Toolbar_DrawerLayout_PagerSlidingTabStrip

  • 2015年10月20日 20:30
  • 7.39MB
  • 下载

PagerSlidingTabStrip使用 和扩展4个属性

PagerSlidingTabStrip viewpaper fragment
  • mfc2003
  • mfc2003
  • 2015年04月01日 14:37
  • 12987

PagerSlidingTabStrip

  • 2015年10月18日 09:40
  • 8.85MB
  • 下载

滑动导航栏(PagerSlidingTabStrip)实践

本篇介绍另一个开源项目滑动导航栏(PagerSlidingTabStrip)。
  • liranke
  • liranke
  • 2015年06月01日 07:17
  • 3294

PagerSlidingTabStrip

  • 2016年01月12日 23:19
  • 3.77MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:多功能的PagerSlidingTabStrip
举报原因:
原因补充:

(最多只允许输入30个字)