Tap bar menu is used instead of tabs and menus in Android. It covers only small space of app because is only one tab or button is visible by default. If users click it expand to more vertically or horizontally with material design animation effect. It is better to use at the bottom of the screen instead of bottom tab layout or you can use instead of dropdown/popup menu or options menu.

In this tutorial, you will learn to implement tap bar menu in your Android application or game with animation effect. Following are the simple steps to implement tap bar menu in Android.


 

Android Example: How to Implement Tap Bar (Material) Menu in Android

First you have to add compile 'com.github.tosslife:foldingtabbar:1.0.0' dependencies in your app build.gradle file. Build.gradle file will look like below.

build.gradle

After adding gradle dependencies open your app XML layout file and then add com.srx.widget.TabBarView inside any layouts. Your XML layout file will looks like below.

res/layout/ tab_bar_folding_android_menu.xml

In Java activity file we control all things like we add menu icons, animation effect and also control onClick event. Following is the complete code of Java activity file; you can paste it in your Java activity file.

src/ TabBarFoldingAndroidMenu.java

Now run your Animated Android Tap Bar Menu Example application and click on the plus button you will see other more option with animation effect. You can use button icon according to your needs and control on click event.

FoldingTabBar.Android

folding tab bar menu for Android. This is a menu library.You can easily add a nice animated tab menu to your app.

Screenshot

How to use (Reference MainActivity)

Maven

        <dependency>
            <groupId>com.github.tosslife</groupId>
            <artifactId>foldingtabbar</artifactId>
            <version>1.0.0</version>
            <type>aar</type>
        </dependency>

Gradle

add in build.gradle:

        //Wait bintray audit ...
        compile 'com.github.tosslife:foldingtabbar:1.0.0'

XML

After adding the gradle dependencies from above you can go to your XML layout and add the following code for a TabBarView:

         <com.srx.widget.TabBarView
            android:id="@+id/tabBarView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true" />

Java

To set some basic settings to use the following java-code:

       //Obtain TabBarView
       TabBarView tabBarView = (TabBarView) findViewById(R.id.tabBarView);

       //Set the main button icon???????
       tabBarView.setMainBitmap(R.drawable.icon_main);

       //The settings menu corresponds to the location button icon and the icons on both sides???????
       tabBarView.bindBtnsForPage(0, R.drawable.icon_menu, R.drawable.icon_left, R.drawable.icon_right);

       //Set the initial default selection???????
       tabBarView.initializePage(0);

       //Add listen???????er
        tabBarView.setOnTabBarClickListener(onTabBarClickListener);

       //Listener callback???????
       private OnTabBarClickListener onTabBarClickListener = new OnTabBarClickListener() {

               @Override
               public void onMainBtnsClick(int position, int[] clickLocation) {
                    //Click the menu???????
               }

               @Override
               public void onMainBtnsClick(int position) {
                    //Click the menu???????
               }

               @Override
               public void onLeftBtnClick(int page) {
                    //Click the button on the left side of the corresponding menu???????
               }

               @Override
               public void onRightBtnClick(int page) {
                    //Click the right button on the corresponding menu???????
               }

           };