This can be a problem:

add(int title, java.lang.Class<? extends android.support.v4.app.Fragment> clazz)

I need to have a:

add(int title, Fragment fragment)

Why, If I need create a instance of the Fragment, I need use this.

Hi! If you change the position of an element can not be found.

    ..........
    ViewPagerItems.Creator items = ViewPagerItems.with(getActivity());
    for (String type : book_type) {
        items.add(ViewPagerItem.of(type, R.layout.books_list));
    }
    adaptertab = new ViewPagerItemAdapter(items.create());

    viewPager.setAdapter(adaptertab);
    viewPagerTab.setViewPager(viewPager);

Everything works fine until it:

    viewPagerTab.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { }
        @Override
        public void onPageScrollStateChanged(int state) { }

        @Override
        public void onPageSelected(int position) {
            View page = adaptertab.getPage(position);
            RecyclerView cardList = (RecyclerView) page.findViewById(R.id.cardList);   // ERROR
            cardList.setHasFixedSize(true);
            GridLayoutManager llm = new GridLayoutManager(getActivity(), 3);
            cardList.setLayoutManager(llm);
            adapter = new EventsAdapter();
            cardList.setAdapter(adapter);
        }
    });

Why?

When I pop backstack of fragments and smarttablayout in this fragment then I try to open this fragment again smart tab layout is not reset to first and not clear cache . I want to clear cache of smart tab layout, How I do ?

Thank you so much and sorry for bad english.

I have a navigation drawer, that has few items(that replace previous fragment). My MainActivity creates a fragment that has Sliding Tabs at start. I implement them this way:

  @Override
   public void onAttach(Activity activity) {
      myContext = (FragmentActivity) activity;
      super.onAttach(activity);
    }


@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    View view = inflater.inflate(R.layout.fragment_blank, container, false);
    FragmentManager fragManager = myContext.getSupportFragmentManager();
    adapter = new FragmentPagerItemAdapter(
            fragManager, FragmentPagerItems.with(getActivity())
            .add("Каталог", Catalog.class)
            .add("Проекты", Projects.class)
            .create());

    ViewPager viewPager = (ViewPager) view.findViewById(R.id.viewpager);
    viewPager.setAdapter(adapter);

    SmartTabLayout viewPagerTab = (SmartTabLayout) view.findViewById(R.id.viewpagertab);
    viewPagerTab.setViewPager(viewPager);
    return view;
}

So after start in works super, but after working with items of Navigation Drawer, SlidingTabBar shows nothing, swipes becomes "flowing"...

I suppose, that my problem appears because of using v4, instead of v13. So I wanna ask you to share a piece of code, where you implement SlidingTabBar in fragment (author gives example of v.4).

Hi,

i'm using the gradle tool 1.4.0 and when i'm trying to use your library i'm getting the following error message:

:app:transformClassesAndResourcesWithExtractJarsForDebug UP-TO-DATE

UNEXPECTED TOP-LEVEL EXCEPTION:
com.android.dex.DexException: Multiple dex files define Lcom/ogaclejapan/smarttablayout/utils/BuildConfig;
    at com.android.dx.merge.DexMerger.readSortableTypes(DexMerger.java:596)
    at com.android.dx.merge.DexMerger.getSortedTypes(DexMerger.java:554)
    at com.android.dx.merge.DexMerger.mergeClassDefs(DexMerger.java:535)
    at com.android.dx.merge.DexMerger.mergeDexes(DexMerger.java:171)
    at com.android.dx.merge.DexMerger.merge(DexMerger.java:189)
    at com.android.dx.command.dexer.Main.mergeLibraryDexBuffers(Main.java:502)
    at com.android.dx.command.dexer.Main.runMonoDex(Main.java:334)
    at com.android.dx.command.dexer.Main.run(Main.java:277)
    at com.android.dx.command.dexer.Main.main(Main.java:245)
    at com.android.dx.command.Main.main(Main.java:106)


:app:transformClassesWithDexForDebug FAILED

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:transformClassesWithDexForDebug'.
> com.android.build.transform.api.TransformException: com.android.ide.common.process.ProcessException: org.gradle.process.internal.ExecException: Process 'command '/Library/Java/JavaVirtualMachines/jdk1.8.0_31.jdk/Contents/Home/bin/java'' finished with non-zero exit value 2

Does anybody know how to solve this?

if (distributeEvenly) { LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) tabView.getLayoutParams(); lp.width = 0; lp.weight = 1; }

  if (internalTabClickListener != null) {
    tabView.setOnClickListener(internalTabClickListener);
  }

  tabStrip.addView(tabView);

when "distributeEvenly" is true,"tabView.getLayoutParams()" get null,the answer is before "tabView.getLayoutParams()",you should set " tabStrip.addView(tabView);"

I use this lib in my project to display custom tabs. All is ok with stock Android (screenshot). But on MIUI active tab indicator moves out of the bottom of the screen (screenshot). My layout looks like this:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".activity.HostActivity">

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_above="@+id/pagerTabLayout" />

<com.ogaclejapan.smarttablayout.SmartTabLayout
    android:id="@id/pagerTabLayout"
    style="@style/BottomNavigationTabs"
    android:layout_alignParentBottom="true" />
</RelativeLayout>

Tabs style is here:

<style name="BottomNavigationTabs">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">@dimen/main_tab_height</item>
    <item name="android:background">@color/colorBottomNavigation</item>
    <item name="stl_indicatorWidth">@dimen/main_tabs_indicator_width</item>
    <item name="stl_indicatorThickness">@dimen/main_tabs_indicator_height</item>
    <item name="stl_indicatorInterpolation">linear</item>
    <item name="stl_indicatorColor">@color/colorBottomNavigationIndicator</item>
    <item name="stl_drawDecorationAfterTab">true</item>
    <item name="stl_dividerThickness">@dimen/zero_size</item>
    <item name="stl_distributeEvenly">true</item>
</style>

So, I assume that it could be a bug in MIUI, but... It's android and it's life:) I must support it and deal with this. So, I think the lib have to support MIUI.

Right now adding android:supportsRtl="true" to the manifest causes STL to behave weirdly. Tab indicator orders and viewpager order is reversed but scroll gesture direction is not.

Manifest

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.mapck" >

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/LightTheme"
        android:supportsRtl="true" >
    .......

STL setup

    ViewPager viewPager = (ViewPager) findViewById(R.id.pager);
    viewPager.setAdapter(null);
    SmartTabLayout viewPagerTab = (SmartTabLayout) findViewById(R.id.viewpagertab);
    setupTabs(viewPagerTab);
    FragmentPagerItems pages = new FragmentPagerItems(this);
    pages.add("a" A.class));
    pages.add("b", B.class));
    pages.add("c", C.class));
    pages.add("d", D.class));
    FragmentPagerItemAdapter adapter = new FragmentPagerItemAdapter(getSupportFragmentManager(),
            pages);
    viewPager.addOnPageChangeListener(this);
    viewPager.setAdapter(adapter);
    viewPager.setOffscreenPageLimit(2);
    viewPagerTab.setViewPager(viewPager);

setUpTabs

private void setupTabs(SmartTabLayout layout) {
    final LayoutInflater inflater = LayoutInflater.from(layout.getContext());

    layout.setCustomTabView(new SmartTabLayout.TabProvider() {
        @Override
        public View createTabView(ViewGroup container, int position, PagerAdapter adapter) {
            ImageView icon = (ImageView) inflater.inflate(R.layout.custom_tab_icon, container, false);
            switch (position) {
                case 0:
                    icon.setImageResource(R.drawable.a);
                case 1:
                    icon.setImageResource(R.drawable.b);
                case 2:
                    icon.setImageResource(R.drawable.c);
                case 3:
                    icon.setImageResource(R.drawable.d);
                    break;
                default:
                    throw new IllegalStateException("Invalid position: " + position);
            }
            return icon;
        }
    });
}

Hi,

I got this error when I tapped the 5th tab as soon as the UI rendered:

E/AndroidRuntime(28502): java.lang.IllegalStateException: Fragment already added: GenericProductListFragment{3147a7ad #2 id=0x7f0d026f}
E/AndroidRuntime(28502):    at android.support.v4.app.FragmentManagerImpl.addFragment(FragmentManager.java:1209)
E/AndroidRuntime(28502):    at android.support.v4.app.BackStackRecord.run(BackStackRecord.java:674)
E/AndroidRuntime(28502):    at android.support.v4.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:1501)
E/AndroidRuntime(28502):    at android.support.v4.app.FragmentManagerImpl.executePendingTransactions(FragmentManager.java:490)
E/AndroidRuntime(28502):    at android.support.v4.app.FragmentStatePagerAdapter.finishUpdate(FragmentStatePagerAdapter.java:163)
E/AndroidRuntime(28502):    at android.support.v4.view.ViewPager.populate(ViewPager.java:1072)
E/AndroidRuntime(28502):    at android.support.v4.view.ViewPager.setCurrentItemInternal(ViewPager.java:554)
E/AndroidRuntime(28502):    at android.support.v4.view.ViewPager.setCurrentItemInternal(ViewPager.java:513)
E/AndroidRuntime(28502):    at android.support.v4.view.ViewPager.setCurrentItem(ViewPager.java:494)
E/AndroidRuntime(28502):    at com.ogaclejapan.smarttablayout.SmartTabLayout$TabClickListener.onClick(SmartTabLayout.java:474)
E/AndroidRuntime(28502):    at android.view.View.performClick(View.java:4780)
E/AndroidRuntime(28502):    at android.view.View$PerformClick.run(View.java:19866)
E/AndroidRuntime(28502):    at android.os.Handler.handleCallback(Handler.java:739)
E/AndroidRuntime(28502):    at android.os.Handler.dispatchMessage(Handler.java:95)
E/AndroidRuntime(28502):    at android.os.Looper.loop(Looper.java:135)
E/AndroidRuntime(28502):    at android.app.ActivityThread.main(ActivityThread.java:5254)
E/AndroidRuntime(28502):    at java.lang.reflect.Method.invoke(Native Method)
E/AndroidRuntime(28502):    at java.lang.reflect.Method.invoke(Method.java:372)
E/AndroidRuntime(28502):    at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:903)
E/AndroidRuntime(28502):    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:698)

Thanks, Siddharth

I am using this in my activity but activity only shows the tabs but no fragment content...

Activity Class:

public class ActivityUserProfile extends ActionBarActivity{

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_user_profile);

        FragmentPagerItemAdapter adapter = new FragmentPagerItemAdapter(
                getSupportFragmentManager(), FragmentPagerItems.with(ActivityUserProfile.this)
                .add(R.string.title_basic, FragmentProfileBasic.class)
                .create());

        ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager);
        viewPager.setAdapter(adapter);

        SmartTabLayout viewPagerTab = (SmartTabLayout) findViewById(R.id.viewpagertab);
        viewPagerTab.setViewPager(viewPager);
    }
}

Fragment Class:

public class FragmentProfileBasic extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.fragment_profile_basic, container, false);
        return rootView;
    }
}

@Override
      public Fragment getItem(int position) {
            switch (position % 5) {
                case 0:
                    Intent myIntent = getActivity().getIntent();
                    Bundle bundle = myIntent.getExtras();
                    myIntent.putExtra("id", position);
                    Frag1 frag1 = new Frag1().newInstance();
                    frag1.setArguments(bundle);
                    return frag1;
                case 1:
                    Intent myIntent1 = getActivity().getIntent();
                    Bundle bundle1 = myIntent1.getExtras();
                    myIntent1.putExtra("id", position);
                    Frag2 frag2 = new Frag2().newInstance();
                    frag2.setArguments(bundle1);
                    return frag2;
                    ...

How can I adapt the above code so it will work with your library?

FragmentPagerItemAdapter adapter = new FragmentPagerItemAdapter(
            getFragmentManager(), FragmentPagerItems.with(getActivity())
            .add("First tab", Frag1.class) 
            .add("Second tab", Frag2.class)
            .create());

Thanks a lot for this library!

I asked my developer to turn the text tabs into icons, which he did. But there seems to be this issue when icons slightly move left and right. How do I make these icons to be fixed and not move while I am navigating through the tabs. Thank you! :)

the 3rd tab is empty. Content does not render. Only showed up after onPause() (for example when a dialog activity shows up on top of the current activity).

Hello try to create double layer tabs. Each tab of the first layer should contain new tabs. Started with the icon/text example and create the first tab layer in Activtiy like in the example. In the first Fragment .inflate() a new layout in onCreate(), same as the acitvity_demo but without the toolbar and

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >

    <LinearLayout
        android:id="@+id/header2"
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/primary"
        >

        <FrameLayout
            android:id="@id/tab2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            />

    </LinearLayout>

    <androidx.viewpager.widget.ViewPager
        android:id="@id/viewpager2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@id/header2"
        />

</RelativeLayout>

In the first Fragment set the ViewPager like in the example but to my nested layout

Demo demo = getDemo();
            ViewGroup tab = (ViewGroup) view.findViewById(R.id.tab2);
            tab.addView(LayoutInflater.from(getActivity()).inflate(demo.layoutResId, tab, false));

            ViewPager viewPager = (ViewPager) view.findViewById(R.id.viewpager2);
            SmartTabLayout viewPagerTab = (SmartTabLayout) view.findViewById(R.id.viewpagertab);
            demo.setup(viewPagerTab);

            CharSequence[] tabs = {"Effects", "Transform"};
            FragmentPagerItems pages = new FragmentPagerItems(getActivity());
            for (int i=0; i<tabs.length; i++) {
                pages.add(FragmentPagerItem.of(tabs[i], RemoteNestedFragment.class));
            }

            FragmentPagerItemAdapter adapter = new FragmentPagerItemAdapter(
                    getActivity().getSupportFragmentManager(), pages);

            viewPager.setAdapter(adapter);
            viewPagerTab.setViewPager(viewPager);

Finally i want to create a ListView

lView = (ListView) view.findViewById(R.id.androidList);
            lAdapter = new ListAdapter(getActivity(), version, versionNumber, images);
            lView.setAdapter(lAdapter);
            lView.setOnItemClickListener(this);

Without the second tab layer it works great, but with the second one the ListView doesn´t appear, What i am doing wrong? Or is it impossible with multilayer tabs?

Thanks, cheers

Hi! First of all, thanks for the library.

This smartab is working fine for me, but, if the width size of the device is small, the title size doesn't fit in the screen and this problem happens: https://i.imgur.com/xDESCPM.gif

As you can see, both tabs don't fit entirely on the screen. I can solve this problem if I change stl_defaultTabTextSize to 16sp. However, 16sp is not the desired size and it's too small for tablets and big phones.

In a bigger device, both tabs keep completely on the screen while switching them.

So I have a question: how can I change stl_defaultTabTextSize programmatically? This way I can set size according to the screen width. Is there another way to solve this problem? Thanks!