足球控(1) PagerSlidingTabStrip用法及解析

在我们用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地址。