您的位置:首页 > 移动开发 > Android开发

Android滑动页面导航效果: PagerSlidingTabStrip

2014-08-06 16:20 429 查看
把github上的PagerSlidingTabStrip稍作修改:

tab的文字颜色选中变色(原版文字不变色),类似微信导航

栗子:http://download.csdn.net/detail/onlyonecoder/7722021

PagerSlidingTabStrip 自定义属性列表:

pstsIndicatorColor
Color of the sliding indicator
pstsUnderlineColor
Color of the full-width line on the bottom of the view
pstsDividerColor
Color of the dividers between tabs
pstsIndicatorHeight
Height of the sliding indicator
pstsUnderlineHeight
Height of the full-width line on the bottom of the view
pstsDividerPadding
Top and bottom padding of the dividers
pstsTabPaddingLeftRight
Left and right padding of each tab
pstsScrollOffset
Scroll offset of the selected tab
pstsTabBackground
Background drawable of each tab, should be a StateListDrawable
pstsShouldExpand
If set to true, each tab is given the same weight, default false
pstsTextAllCaps
If true, all tab titles will be upper case, default true

修改后加了一个属性 selectedTabTextColor

如果不设置 默认和 滑动指示器颜色(pstsIndicatorColor)一致

下图效果的代码:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res/org.lmw.demo.slidingtab">

<org.lmw.demo.slidingtab.widget.PagerSlidingTabStrip
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="40dp"
app:pstsShouldExpand="true"
app:pstsUnderlineHeight="2dp"
app:pstsIndicatorHeight="2dp"
app:pstsIndicatorColor="@android:color/holo_blue_light"
app:selectedTabTextColor="@android:color/holo_blue_light"
app:pstsDividerColor="@android:color/transparent"
app:pstsTabBackground="@drawable/background_tab"
android:background="@android:color/white"
/>

<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/tabs" />

</RelativeLayout>


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐