足球控 PagerSlidingTabStrip用法及解析

Posted 2022-12-03 一个会玩SF的男人

在我们用app时，经常会使用到上方是几个tab，下方是可以滑动切换的页面，而且上方是跟随者下方一起动的。这是怎么实现的呢？

ViewPager中间的那个横线怎么跟着屏幕的滑动而滑动，如下图所示：

这就要用到一个开源的PagerSlidingTabStrip 

git 地址：

https://github.com/astuetz/PagerSlidingTabStrip

使用方法：

1、导入包

dependencies 
    compile 'com.astuetz:pagerslidingtabstrip:1.0.1'

2、在你的xml中加入如下代码，一般在ViewPager上方加入

<com.astuetz.PagerSlidingTabStrip
    android:id="@+id/tabs"
    android:layout_width="match_parent"
    android:layout_height="48dip" />

3、 在你的onCreate方法（或者onCreateView对于一个fragment），绑定 PagerSlidingTabStrip 控件到ViewPager上

// Initialize the ViewPager and set an adapter
 ViewPager pager = (ViewPager) findViewById(R.id.pager);
 pager.setAdapter(new TestAdapter(getSupportFragmentManager()));

 // Bind the tabs to the ViewPager
 PagerSlidingTabStrip tabs = (PagerSlidingTabStrip) findViewById(R.id.tabs);
 tabs.setViewPager(pager);

然后就可以使用了。

我会在之后的一个完整的小app中加入这个功能，等全部完成后上一个demo地址。