多功能的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介绍及使用,让ViewPager更绚丽

以前一直想着,ViewPager中间的那个横线怎么跟着屏幕的滑动而滑动,如下图所示: 我们可以看到中间的那个红线在跟着屏幕滑动而滑动 现在github上已经有了这个开源项目,所以我们可以直接拿...
  • HarryWeasley
  • HarryWeasley
  • 2014年12月31日 09:21
  • 18511

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

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

PagerSlidingTabStrip使用 和扩展4个属性

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

android之TabLayout实现PagerSlidingTabStrip,ViewpagerIndicator之类的效果滑动页面导航效果(类似网易新闻)

上面实现导航栏,下面viewpager跟着滑动,类似网易新闻首页那种效果
  • gsw333
  • gsw333
  • 2016年03月31日 15:08
  • 2498

Android PagerSlidingTabStrip实现顶部栏目点击或滑动切换

1。引入依赖dependencies { compile 'com.astuetz:pagerslidingtabstrip:1.0.1' }2。xml中加入 ...
  • RichieZhu
  • RichieZhu
  • 2016年04月03日 23:33
  • 1333

可以设置颜色,并且底部横线与字体宽度一致的PagerSlidingTabStrip

PagerSlidingTabStrip可以设置字体颜色,并且底部横线与字体宽度一致public class PagerSlidingTabStrip extends HorizontalScrol...
  • jifashihan
  • jifashihan
  • 2017年06月06日 10:00
  • 577

安卓日记——PagerSlidingTabStrip使用介绍

最近在弄一些常用的好看的控件,当然少不了ViewPager,然后ViewPager通常要和标签组合使用,在很就之前我是用RadioGroup来当作标签的,然后发现了ViewPagerIndicator...
  • qq_32198277
  • qq_32198277
  • 2016年05月25日 23:57
  • 886

viewPager 结合 PagerSlidingTabStrip 使用tab文字显示不全问题探究

首先看一下这个问题的ui显示(前方高能,各位看官按好小心脏): 如图第二个标签的文字出现了半字显示!!!!!啊哦?!!这是神马鬼?,那位同学说了,textview展示不下不应该是省略号嘛?!!...
  • ZLMrche
  • ZLMrche
  • 2017年01月05日 10:56
  • 1060

自定义控件之:PagerSlidingTabStrip

在应用中可以发现各个栏目之间就是靠滑动选项卡来进行区分的,比如:发现中的推荐项目、热门栏目、最近通知。在使用的时候,我们可以左右滑动屏幕来进行切换,这种操作非常的优雅。经过学习源码,发现这是使用了自定...
  • watermusicyes
  • watermusicyes
  • 2015年07月23日 14:36
  • 1762

开源PagerSlidingTabStrip的使用Tab与ViewPager的完美结合

链接地址:https://github.com/astuetz/PagerSlidingTabStrip 下载PagerSlidingTabStrip-master 将com.astuetz包,r...
  • DouDouLee_blog
  • DouDouLee_blog
  • 2016年06月06日 11:56
  • 609
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:多功能的PagerSlidingTabStrip
举报原因:
原因补充:

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