SlidingTabLayout

该项目是博客《ViewPager导航的一些想法》的示例。

示例截图

在项目中使用

如果您的项目使用 Gradle 构建, 只需要在您的build.gradle文件添加下面一行到 dependencies :

AndroidX

compile 'com.zwenkai:slidingtablayout:2.1.3'

Support[不再维护]

compile 'com.kevin:slidingtablayout:1.2.1'

简单使用

在layout.xml 中配置

在Layout文件添加<com.kevin.slidingtab.SlidingTabLayout

<com.kevin.slidingtab.SlidingTabLayout
    android:id="@+id/sliding_tab"
    android:layout_width="match_parent"
    android:layout_height="44dp">
</com.kevin.slidingtab.SlidingTabLayout>

在代码中配置

1. 配合ViewPager使用

   SlidingTabLayout tabLayout = findViewById(R.id.sliding_tab);
   ViewPager viewPager = findViewById(R.id.view_pager);
   tabLayout.setViewPager(viewPager);

2. 配合ViewPager2使用

   SlidingTabLayout tabLayout = findViewById(R.id.sliding_tab);
   ViewPager2 viewPager = findViewById(R.id.view_pager);
   // ... ...
   new SlidingTabLayoutMediator(tabLayout, viewPager).attach();

更多配置

Attributes

在XML中使用SlidingTabLayout，可以有如下配置：

在代码中配置

// 设置选中颜色，可以单独配置每个Tab对应颜色
tabLayout.setSelectedTextColors(Color.parseColor("#EC0000"),Color.parseColor("#EC0000"));

// 设置Tab选中的监听
tabLayout.setOnTabSelectedListener(new SlidingTabLayout.OnTabSelectedListener() {
    @Override
    public void onSelected(int position) {
    }
});
// 设置Tab点击的监听
tabLayout.setOnTabClickListener(new SlidingTabLayout.OnTabClickListener() {
    @Override
    public void onClick(int position) {
    }
});
// 设置已选中的Tab点击的监听
tabLayout.setOnSelectedTabClickListener(new SlidingTabLayout.OnSelectedTabClickListener() {
    @Override
    public void onClick(int position) {
    }
});