PagerSlidingTabStrip使用问题大合集

tips:请进来看了本博文,觉得有点用的小伙伴们留下个评论或顶,谢谢!
1. PagerSlidingTabStrip如何更换滑动图标效果?

最近的一个项目中使用了PagerSlidingTabStrip进行ViewPager中列表数据的展示,但是我们需要自定义头部的滑动效果,也就是头部的Strip部分,现在我就来跟大家描述一下我们的实现的经过.

然后新版本的设计是需要我们使用一个i新的指示器:

那么问题来了,应该如何使用这个第三方的开源软件进行修改呢?当然,如果对这个不熟悉的话可能会感觉很难,因为要懂源码,还要在源码的基础上进行修改,其实是很浪费时间的,所以,我希望给出一个实现方法给大家,免得重复造轮子浪费时间.

---

实现方法:
①首先是background上的差别;之前是灰色的,现在要设置成白色:
找到PagerSlidingTabStrip所在的布局文件,修改其background属性:

android:background="#FFFFFF"

②接下来是指示器的差别,之前是一个三角形,现在是一条横线,只要换一张图片或者设置color就可以了,设置如下属性:

psts:pstsIndicatorColor="#33A7C4"

其实现在反倒是变简单了一些,之前是设置一张图片,还要美工切一张图片,现在只需要自己定义一个颜色就可以了,上面那个就是深蓝色.
之前的箭头设置方法:

psts:pstsIndicatorDrawable="@drawable/invest_tab_indicator"

③这是个细小差别,大家可能没注意到.那就是指示器下边的那条全宽线的颜色,之前是蓝色的,现在是灰色的,也就是默认的.也就是之前的这俩个属性不设置就可以了:

psts:pstsUnderlineColor="@color/invest_tab_underline"psts:pstsUnderlineHeight="2px" 

另外,相同点也说一按下吧,方便以后使用:
①那么选中的字体都是蓝色,没选中都是灰色,这个怎么搞呢?这个其实就类似于selector了,其内部源码实现原理应该也是这个,now i will show you the code:

psts:pstsTabTextColor="@color/common_tab_text"

其中,common_tab_text是一个selector,这个应该大家都会,我也show you the code吧:

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_checked="true" android:color="@color/common_div_tab"/>    <item android:state_pressed="true" android:color="@color/common_div_tab"/>    <item android:state_selected="true" android:color="@color/common_div_tab"/>    <item android:color="@color/common_text_tab"/></selector>

注:common_div_tab是蓝色;common_text_tab则是灰色,大家可以自己定义这个颜色.
②这个属性是比较重要的,他的意思就是相当于各个标签共同均分整个布局:

psts:pstsShouldExpand="true"

③我们除了在布局文件中设置属性外,还可以动态的在java代码中进行这些属性的设置,因为以后会有很多时候会公用一台布局的.每个属性都有自己的getter和setter方法.

④在使用这个strip的时候,要注意和ViewPager搭配好,特别是在布局当中,ViewPager应该位于strip的下面.也就是:

android:layout_below="@id/strip"

具体还有Strip的使用等,这个是比较基础的了,大家可以自行百度.如果我有时间的话,我也会写一篇教程出来给大家.最后,祝大家工作顺利,技术突飞猛进!

1. PagerSlidingTabStrip如何在标题之间设置分割线?