Android Pager Sliding Tab Strip

    Rating: ★★★★☆
    View: 344
    Download: 95
    Từ khóa:

    Usage

    For a working implementation of this project see the sample/ folder.

    1. Include the library as local library project or add the dependency in your build.gradle.

    dependencies {
        compile 'com.astuetz:pagerslidingtabstrip:1.0.1'
    }

    2. Include the PagerSlidingTabStrip widget in your layout. This should usually be placed above theViewPager it represents.

    3. In your onCreate method (or onCreateView for a fragment), bind the widget to the 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);

    4. (Optional) If you use an OnPageChangeListener with your view pager you should set it in the widget rather than on the pager directly.

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

    Customization

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

    1. pstsIndicatorColor Color of the sliding indicator
    2. pstsUnderlineColor Color of the full-width line on the bottom of the view
    3. pstsDividerColor Color of the dividers between tabs
    4. pstsIndicatorHeightHeight of the sliding indicator
    5. pstsUnderlineHeight Height of the full-width line on the bottom of the view
    6. pstsDividerPadding Top and bottom padding of the dividers
    7. pstsTabPaddingLeftRight Left and right padding of each tab
    8. pstsScrollOffset Scroll offset of the selected tab
    9. pstsTabBackground Background drawable of each tab, should be a StateListDrawable
    10. pstsShouldExpand If set to true, each tab is given the same weight, default false
    11. pstsTextAllCaps If true, all tab titles will be upper case, default true
    loading Đang tải...

    template được ưa chuộng