实现类似google play store的滑动页面导航效果,在多个页面进行平滑的页面切换。

用法

For a working implementation of this project see the sample/

  1. Include the library as local library project or add the dependency in your build.gradle.
dependencies {
    compile 'com.astuetz:pagerslidingtabstrip:1.0.1'
}
  1. Include the PagerSlidingTabStrip widget in your layout. This should usually be placed above the

ViewPager

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

onCreate

  1.  method (or 

onCreateView

  1.  for a fragment), bind the widget to the

ViewPager

  1. .
// 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);
  1. (Optional) If you use an 

OnPageChangeListener

// continued from above
 tabs.setOnPageChangeListener(mPageChangeListener);

定制

To not just look like another Play Store styled app, go and adjust these values to match your brand:

pstsIndicatorColorpstsUnderlineColorpstsDividerColorpstsIndicatorHeight

  • Height of the sliding indicator

pstsUnderlineHeightpstsDividerPaddingpstsTabPaddingLeftRightpstsScrollOffsetpstsTabBackgroundpstsShouldExpandpstsTextAllCaps

Android滑动页面导航效果: PagerSlidingTabStrip_ide

Android滑动页面导航效果: PagerSlidingTabStrip_移动开发_02


项目主页:http://www.open-open.com/lib/view/home/1388324511609