Search code examples
androidandroid-actionbarbottombar

Change background color Bottom Bar android


I have a problem in my Android project. I can't change the color of the bottombar.
This is how I want my bottombar to look: wanted Like this

This is my code

menu > tabhost_bottom.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"

>
<item
    android:id="@+id/home_item"
    android:icon="@drawable/ic_home"
    android:color="@color/colorPrimary"
    android:title="Home"
    />
<item
    android:id="@+id/setting_item"
    android:icon="@drawable/ic_setting"
    android:color="@color/colorPrimary"
    android:title="Setting" />

HomeActivity.java

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

    coordinatorLayout = (CoordinatorLayout) findViewById(R.id.tabhost_activity);

    BottomBar bottomBar = BottomBar.attach(this, savedInstanceState);
    bottomBar.setItemsFromMenu(R.menu.tabhost_bottom, new OnMenuTabSelectedListener() {
        @Override
        public void onMenuItemSelected(int itemId) {

        }
    });

    // Set the color for the active tab. Ignored on mobile when there are more than three tabs.
    bottomBar.setActiveTabColor("#55a8e5");

    // Use the dark theme. Ignored on mobile when there are more than three tabs.
    bottomBar.setBackgroundColor(Color.parseColor("#55a8e5"));
    // Use custom text appearance in tab titles.
    //bottomBar.setTextAppearance(R.style.MyTextAppearance);

    // Use custom typeface that's located at the "/src/main/assets" directory. If using with
    // custom text appearance, set the text appearance first.
    //bottomBar.setTypeFace("MyFont.ttf");
}

and this my reference

http://androidgifts.com/build-android-material-design-bottom-navigation/


Solution

  • When you are using this library (roughike's bottombar) you can try this.

    You can set the backgroundcolor of a specific tab by using the following line:

    bottomBar.getTabAtPosition(0).setBackgroundColor(backgroundColorInt);
    

    When you use this line multiple times for each tab, you can change the backgroundcolor of the whole tab.