PagerSlidingTabStrip与ViewPager

最新推荐文章于 2024-03-27 09:35:29 发布

濯君

最新推荐文章于 2024-03-27 09:35:29 发布

阅读量505

点赞数

CC 4.0 BY-SA版权

文章标签： viewpager android PagerSlidingTabStrip

本文链接：https://blog.youkuaiyun.com/zzldm/article/details/52209531

本文介绍如何将PagerSlidingTabStrip与ViewPager组件结合使用以实现平滑的标签切换效果。通过布局文件配置及设置代码示例，展示了如何定制样式、设置ViewPager的页面限制，并将PagerAdapter与ViewPager关联。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

PagerSlidingTabStrip与ViewPager结合使用可以产生下面这种效果

1.布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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-auto"
    android:orientation="vertical"
    tools:context="app.coolwhether.com.duitang_16_7_15.MainActivity">

    <com.astuetz.PagerSlidingTabStrip
        android:id="@+id/slidingTab"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:background="#FFF5F5F5"
        android:textSize="16sp"
        app:pstsShouldExpand="true"  //使pagerslidingtabstrip 可以扩展填充满，不会留下空隙
        android:textColor="@drawable/selector_indicator_text_color"
        app:pstsIndicatorColor="#1019bf"//蓝色部分
        app:pstsDividerColor="#f5b623" //淡黄色部分
        />

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</LinearLayout>

         viewPager.setOffscreenPageLimit(4); //理想状况下，viewpager保持加载完成的页面，通常viewpager有几个就设定几个
        //当继承AppCompatActivity时才能使用getSupportFragmentManager()
        viewPager.setAdapter(new PagerAdapter(getSupportFragmentManager()));
        tab.setViewPager(viewPager);