Introduction to smarttablayout

Project address ：
https://github.com/ogaclejapan/SmartTabLayout

Introduce ：
A custom ViewPager tab instructions , It can make users feel the of the whole process when sliding UI feedback .

Instructions ：

build.gradle.

dependencies { compile 'com.ogaclejapan.smarttablayout:library:1.6.1@aar' //Optional: see how to use the utility. compile 'com.ogaclejapan.smarttablayout:utils-v4:1.6.1@aar' //Optional: see how to use the utility. compile 'com.ogaclejapan.smarttablayout:utils-v13:1.6.1@aar' }  take SmartTabLayout Control into the layout , Generally speaking, it is placed in ViewPager On top of . 

<com.ogaclejapan.smarttablayout.SmartTabLayout
    android:id="@+id/viewpagertab"
    android:layout_width="match_parent"
    android:layout_height="48dp"
    app:stl_indicatorAlwaysInCenter="false"
    app:stl_indicatorInFront="false"
    app:stl_indicatorInterpolation="smart"
    app:stl_indicatorColor="#40C4FF"
    app:stl_indicatorThickness="4dp"
    app:stl_indicatorCornerRadius="2dp"
    app:stl_underlineColor="#4D000000"
    app:stl_underlineThickness="1dp"
    app:stl_dividerColor="#4D000000"
    app:stl_dividerThickness="1dp"
    app:stl_defaultTabTextAllCaps="true"
    app:stl_defaultTabTextColor="#FC000000"
    app:stl_defaultTabTextSize="12sp"
    app:stl_defaultTabTextHorizontalPadding="16dp"
    app:stl_defaultTabTextMinWidth="0dp"
    app:stl_distributeEvenly="false"
    />

<android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_below="@id/viewpagertab"
    />

stay onCreate perhaps onCreateView in , take ViewPager Bind to our controls （ If you use... In the tool catalog FragmentPagerItemAdapter, You can easily item To PagerAdapter in ）

 FragmentPagerItemAdapter adapter = new FragmentPagerItemAdapter( getSupportFragmentManager(), FragmentPagerItems.with(this) .add(R.string.titleA, PageFragment.class) .add(R.string.titleB, PageFragment.class) .create()); ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager); viewPager.setAdapter(adapter); SmartTabLayout viewPagerTab = (SmartTabLayout) findViewById(R.id.viewpagertab); viewPagerTab.setViewPager(viewPager); 

( Optional ) If you use OnPageChangeListener, Please put OnPageChangeListener Set to viewPagerTab, Instead of calling directly ViewPager Of setOnPageChangeListener.

viewPagerTab.setOnPageChangeListener(mPageChangeListener); 

( Optional ) Use FragmentPagerItemAdapter, It's easy to get Fragment Where position

int position = FragmentPagerItem.getPosition(getArguments()); 

How to use utils

Utility has two types available to suit the Android support library.

There are two utils

utils-v4 Contains suitable android.support.v4.app.Fragment Of PagerAdapter.

utils-v13 Contains suitable android.app.Fragment Of PagerAdapter.

These two tools just rely on different , The implementation function is the same .

be based on view Of PagerAdapter

 ViewPagerItemAdapter adapter = new ViewPagerItemAdapter(ViewPagerItems.with(this) .add(R.string.title, R.layout.page) .add(ViewPagerItem.of("title", R.layout.page)) .create()); viewPager.setAdapter(adapter); //... public void onPageSelected(int position) { //.instantiateItem() from until .destoryItem() is called it will be able to get the View of page. View page = adapter.getPage(position); } 

be based on Fragment Of PagerAdapter

 FragmentPagerItemAdapter adapter = new FragmentPagerItemAdapter( getSupportFragmentManager(), FragmentPagerItems.with(this) .add(R.string.title, PageFragment.class), .add(R.string.title, WithArgumentsPageFragment.class, new Bundler().putString("key", "value").get()), .add(FragmentPagerItem.of("title", PageFragment.class)) .create()); viewPager.setAdapter(adapter); //... public void onPageSelected(int position) { //.instantiateItem() from until .destoryItem() is called it will be able to get the Fragment of page. Fragment page = adapter.getPage(position); }