I am a Chinese but English is not very good, I use your library, but the menu does not have a title, I try to use your demo,it dose not have a title too. I don't know what's wrong?

How I can select index just to paint.

Because, the method setModelIndex call method onStartTabSelected and reset my fragment and don't want this.

I try to work with onBackPressed, when a fragment is removed and called who is top, then selected this tab. But how called onStartTabSelected this instance again. Thanks.

PD: I can't show badge too.

When I try to run my code I get this.

I included you library from code

java.lang.NullPointerException: Attempt to invoke virtual method 'boolean android.graphics.Bitmap.isRecycled()' on a null object reference

Hi,

Otherwise the NTB works like a charm, but I can't get the badges to show at all...

Here's my layout xml: `

<com.gigamole.navigationtabbar.ntb.NavigationTabBar
    android:id="@+id/main_ntb"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_alignParentTop="true"
    app:ntb_animation_duration="200"
    app:ntb_active_color="#ffffff"
    app:ntb_inactive_color="@color/grey"
    app:ntb_badged="true"
    app:ntb_titled="false"
    app:ntb_scaled="false"
    app:ntb_tinted="true"
    app:ntb_badge_position="right"
    app:ntb_badge_gravity="bottom"
    app:ntb_badge_bg_color="@color/theme_red"
    app:ntb_badge_title_color="#ffffff"
    app:ntb_swiped="true"
    app:ntb_bg_color="@color/dark_grey"
    app:ntb_badge_size="10sp"
    app:ntb_title_size="10sp" />

<io.altru.lack.components.NonSwipeableViewPager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_below="@+id/main_ntb"
    android:layout_alignParentBottom="true"
    android:background="@color/lightgrey" />

`

Here's the code for setting up my NTB:

navigationTabBar = (NavigationTabBar) findViewById(R.id.main_ntb);

final ArrayList<NavigationTabBar.Model> models = new ArrayList<>();

IconDrawable browse = new IconDrawable(this, TypiconsIcons.typcn_home_outline).sizeDp(40);

IconDrawable create = new IconDrawable(this, TypiconsIcons.typcn_camera).sizeDp(40);

IconDrawable lists = new IconDrawable(this, TypiconsIcons.typcn_pin).sizeDp(40);

models.add( new NavigationTabBar.Model.Builder(browse, getResources().getColor(R.color.theme_accent)) .build() );

models.add( new NavigationTabBar.Model.Builder(create, getResources().getColor(R.color.theme_accent)) .build() );

models.add( new NavigationTabBar.Model.Builder(lists, getResources().getColor(R.color.theme_accent)) .badgeTitle("Wee") .build() );

navigationTabBar.setModels(models);

navigationTabBar.setViewPager(viewPager, 0);

navigationTabBar.setIsBadged(true);

And finally, here's the code where I try to show the badge (pretty much copied from the sample app):

navigationTabBar.postDelayed(new Runnable() { @Override public void run() { final NavigationTabBar.Model model = navigationTabBar.getModels().get(0); Log.v(TAG, "Is badge showing before: " + model.isBadgeShowed()); model.showBadge(); Log.v(TAG, "Is badge showing after: " + model.isBadgeShowed()); } }, 500);

In the last code snippet, the model.isBadgeShowed() returns false on both calls, both before and after calling model.showBadge()

Any help?

Android Studio 2.1.3. gradle:2.1.3 compileSdkVersion 24 buildToolsVersion "24.0.0" minSdkVersion 14 targetSdkVersion 24

compile 'com.android.support:design:24.2.0'
compile 'com.android.support:appcompat-v7:24.2.0'
compile 'com.github.devlight.navigationtabbar:navigationtabbar:1.2.5'

It's not work good on SnakeBar showed.

By use layout_marginBottom="76dp",the Fab Button is 16dp above from NavigationTabBar. But when SnakeBar showed ,it's 76dp+snakeBar's heigt above from NavigationTabBar.

i want to set a coloured icon , but it fills the default color in the icon. i want to keep my icon as it is coloured without setting any colour through nt_inactive_color .

I use your NavigationTabBar in my project,But it is not work so better,it can not show title,can you please help me debug it?

There is a part of code about it.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.bigmercu.qinxinjiajiao.activity.bigmercuActivity"
    tools:showIn="@layout/activity_bigmercu">
    <com.gigamole.library.NavigationTabBar
        android:id="@+id/ntb"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="@color/colorPrimaryDark"
        app:ntb_animation_duration="400"
        app:ntb_preview_colors="@array/polluted_waves"
        app:ntb_active_color="#ffffff"
        app:ntb_inactive_color="#000000"
        app:ntb_badged="true"
        app:ntb_titled="true"
        app:ntb_title_mode="all"
        app:ntb_badge_position="right"
        app:ntb_badge_gravity="top"
        app:ntb_badge_use_typeface="true"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"/>
</RelativeLayout>

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_bigmercu);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
    ButterKnife.bind(this);

    String[] colors = getResources().getStringArray(R.array.default_preview);
    ArrayList<NavigationTabBar.Model> models = new ArrayList<>();
    models.add(new NavigationTabBar.Model(
            getResources().getDrawable(R.drawable.ic_first), Color.parseColor(colors[0]), "首页"));
    models.add(new NavigationTabBar.Model(
            getResources().getDrawable(R.drawable.ic_second), Color.parseColor(colors[1]), "赵老师"));
    models.add(new NavigationTabBar.Model(
            getResources().getDrawable(R.drawable.ic_third), Color.parseColor(colors[2]), "周边家长"));
    models.add(new NavigationTabBar.Model(
            getResources().getDrawable(R.drawable.ic_fourth), Color.parseColor(colors[3]), "消息"));
    models.add(new NavigationTabBar.Model(
            getResources().getDrawable(R.mipmap.me), Color.parseColor(colors[4]), "我"));

    navigationTabBar.setBadgeGravity(NavigationTabBar.BadgeGravity.TOP);
    navigationTabBar.setBadgePosition(NavigationTabBar.BadgePosition.CENTER);
    navigationTabBar.setIsBadged(true);
    navigationTabBar.setIsTitled(true);
    navigationTabBar.setTitleMode(NavigationTabBar.TitleMode.ALL);
    navigationTabBar.setModels(models);

Do you now why?

Hi. in this library how can i found whats position of tab without using viewpager? i dont like to use view pager and i want to know current position when user scrolling

In our project, we have 4 tabs, each tab icon has 2 states (active and inactive). So we create totally 8 icon images for those tabs. For each image, we generate images for different sizes like this:

• xxxhdpi: 128 x 128 px
• xxhdpi: 96 x 96 px
• xhdpi: 64 x 64 px
• hdpi: 48 x 48 px
• mhdpi: 32 x 32 px

However, when the app launches, the tab icons lose their quality:

Do you have any idea how to fix this?

Code:

models.add(
                new NavigationTabBar.Model.Builder(
                        getResources().getDrawable(R.drawable.grey_plane),
                        Color.parseColor(Constant.COLOR_TRANSPARENT)
                ).selectedIcon(getResources().getDrawable(R.drawable.purple_plane_fulfill)).title("Flights")
                        .build()
        );
        models.add(
                new NavigationTabBar.Model.Builder(
                        getResources().getDrawable(R.drawable.grey_bed),
                        Color.parseColor(Constant.COLOR_TRANSPARENT)
                ).selectedIcon(getResources().getDrawable(R.drawable.purple_bed_fulfill)).title("Hotels")
                        .build()
        );
        models.add(
                new NavigationTabBar.Model.Builder(
                        getResources().getDrawable(R.drawable.grey_history),
                        Color.parseColor(Constant.COLOR_TRANSPARENT)
                ).selectedIcon(getResources().getDrawable(R.drawable.purple_history_fulfill)).title("Activity")
                        .build()
        );
        models.add(
                new NavigationTabBar.Model.Builder(
                        getResources().getDrawable(R.drawable.grey_user),
                        Color.parseColor(Constant.COLOR_TRANSPARENT)
                ).selectedIcon(getResources().getDrawable(R.drawable.purple_user_fulfill)).title("Me")
                        .build()
        );
        navigationTabBar.setModels(models);
        navigationTabBar.setViewPager(viewPager, 1);
        navigationTabBar.setTitleMode(NavigationTabBar.TitleMode.ALL);
        navigationTabBar.setIsTitled(true);

in xml

 <com.gigamole.navigationtabbar.ntb.NavigationTabBar
            android:id="@+id/ntb"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:layout_marginTop="-8dp"
            app:ntb_animation_duration="200"
            app:ntb_active_color="@color/colorPrimary"
            app:ntb_inactive_color="@color/date_picker_text_normal"
            app:ntb_badged="true"
            app:ntb_scaled="false"
            app:ntb_title_mode="all"
            app:ntb_titled="true"
            app:ntb_typeface="fonts/Gotham-Book.otf" />

Error:A problem occurred configuring root project 'NavigationTabBar'.

Could not resolve all dependencies for configuration ':classpath'. Could not resolve com.github.dcendents:android-maven-gradle-plugin:1.3. Required by: :NavigationTabBar:unspecified > Could not resolve com.github.dcendents:android-maven-gradle-plugin:1.3. > Could not get resource 'https://jcenter.bintray.com/com/github/dcendents/android-maven-gradle-plugin/1.3/android-maven-gradle-plugin-1.3.pom'. > Could not GET 'https://jcenter.bintray.com/com/github/dcendents/android-maven-gradle-plugin/1.3/android-maven-gradle-plugin-1.3.pom'. > Connection to http://127.0.0.1:8888 refused Could not resolve com.jfrog.bintray.gradle:gradle-bintray-plugin:1.1. Required by: :NavigationTabBar:unspecified > Could not resolve com.jfrog.bintray.gradle:gradle-bintray-plugin:1.1. > Could not get resource 'https://jcenter.bintray.com/com/jfrog/bintray/gradle/gradle-bintray-plugin/1.1/gradle-bintray-plugin-1.1.pom'. > Could not GET 'https://jcenter.bintray.com/com/jfrog/bintray/gradle/gradle-bintray-plugin/1.1/gradle-bintray-plugin-1.1.pom'. > Connection to http://127.0.0.1:8888 refused

I create 2 models

models.add(
                new NavigationTabBar.Model.Builder(
                        getResources().getDrawable(R.drawable.grey_plane),
                        Color.parseColor(Constant.COLOR_TRANSPARENT)
                ).selectedIcon(getResources().getDrawable(R.drawable.purple_plane_fulfill)).title("Flights")
                        .build()
        );
 models.add(
                new NavigationTabBar.Model.Builder(
                        getResources().getDrawable(R.drawable.grey_bed),
                        Color.parseColor(Constant.COLOR_TRANSPARENT)
                ).selectedIcon(getResources().getDrawable(R.drawable.purple_bed_fulfill)).title("Hotels")
                        .build()
        );

and in xml:

   <com.gigamole.navigationtabbar.ntb.NavigationTabBar
            android:id="@+id/ntb"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:layout_marginTop="-8dp"
            app:ntb_animation_duration="200"
            app:ntb_bg_color="@android:color/white"
            app:ntb_active_color="@color/colorPrimary"
            app:ntb_inactive_color="@color/date_picker_text_normal"
            app:ntb_badged="true"
            app:ntb_scaled="false"
            app:ntb_title_mode="all"
            app:ntb_titled="true"
            app:ntb_swiped="false"
            app:ntb_typeface="fonts/Gotham-Book.otf" />

So for each tab, I have 2 icons for 2 states:

• Selected (with drawable R.drawable.grey_plane)
• Unselected (with drawable R.drawable.purple_plane_fulfill).

However, when changing the tab, the selected tab does not choose the selected icon/drawable, but chooses the unselected one with the active color app:ntb_active_color, and the tab next to the selected tab, weirdly, chooses the selected icon/drawable with the inactive color app:ntb_inactive_color`.

I have updated to your newest version and met this problem.

My Code : ArrayList<NavigationTabBar.Model> models = new ArrayList<>(); final String[] colors = mFloatingView.getResources().getStringArray(R.array.vertical_ntb);

    models.add(new NavigationTabBar.Model.Builder(AppCompatResources.getDrawable(mFloatingView.getContext(), R.drawable.vector_player), Color.parseColor(colors[0])).title("Player").build());
    models.add(new NavigationTabBar.Model.Builder(AppCompatResources.getDrawable(mFloatingView.getContext(), R.drawable.vector_item), Color.parseColor(colors[1])).title("Items").build());
    models.add(new NavigationTabBar.Model.Builder(AppCompatResources.getDrawable(mFloatingView.getContext(), R.drawable.vector_vehicle), Color.parseColor(colors[2])).title("Vehicles").build());
    models.add(new NavigationTabBar.Model.Builder(AppCompatResources.getDrawable(mFloatingView.getContext(), R.drawable.vector_injector), Color.parseColor(colors[4])).title("Injector").build());
    models.add(new NavigationTabBar.Model.Builder(AppCompatResources.getDrawable(mFloatingView.getContext(), R.drawable.vector_esp_settings), Color.parseColor(colors[3])).title("Aimbot").build());
    if(!models.isEmpty())
            header_tabbar.setModels(models);

    viewpager.setPageTransformer(false, new CubeInTransformer());
    viewpager.setAdapter(new MyPagerAdapter(getApplicationContext()));
    viewpager.setOffscreenPageLimit(5);
    header_tabbar.setViewPager(viewpager, 0);

Error Log : Fatal Exception: java.lang.IndexOutOfBoundsException: Index: 0, Size: 0 at java.util.ArrayList.get(ArrayList.java:437) at androidx.viewpager.widget.ViewPager.fakeDragBy(ViewPager.java:2603) at devlight.io.library.ntb.NavigationTabBar.setModelIndex(NavigationTabBar.java:873) at devlight.io.library.ntb.NavigationTabBar$10.run(NavigationTabBar.java:1649) at android.os.Handler.handleCallback(Handler.java:883) at android.os.Handler.dispatchMessage(Handler.java:100) at android.os.Looper.loop(Looper.java:224) at android.app.ActivityThread.main(ActivityThread.java:7562) at java.lang.reflect.Method.invoke(Method.java) at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:539) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:950)

Note : I am using PagerAdapter in a service with a viewpager

I am unable to understand why does this error occured. Please help