How to create custom Bottom Navigation Bar in Android Studio
res/colors.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="purple_200">#FFBB86FC</color>
<color name="purple_500">#FF6200EE</color>
<color name="purple_700">#FF3700B3</color>
<color name="teal_200">#FF03DAC5</color>
<color name="teal_700">#FF018786</color>
<color name="black">#FF000000</color>
<color name="white">#FFFFFFFF</color>
<color name="primary_color">#131116</color>
<color name="dashboard_1">#B69BFE</color>
<color name="dashboard_2">#634ED8</color>
</resources>
layout/activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<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"
android:background="@color/primary_color"
tools:context=".MainActivity">
<View
android:layout_width="match_parent"
android:layout_height="70dp"
android:layout_alignParentBottom="true"
android:layout_marginStart="-2dp"
android:layout_marginEnd="-2dp"
android:layout_marginBottom="-2dp"
android:background="@drawable/round_back_bottom" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="5dp"
android:layout_toStartOf="@+id/dashboardBtn"
android:gravity="bottom"
android:orientation="horizontal">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:weightSum="2">
<LinearLayout
android:id="@+id/walletLayout"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical">
<ImageView
android:id="@+id/walletIcon"
android:layout_width="wrap_content"
android:layout_height="25dp"
android:adjustViewBounds="true"
android:src="@drawable/wallet_selected_icon" />
<TextView
android:id="@+id/walletTxt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:text="Wallet"
android:textColor="#FFFFFF"
android:textSize="12sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/homeLayout"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical">
<ImageView
android:id="@+id/homeIcon"
android:layout_width="wrap_content"
android:layout_height="25dp"
android:adjustViewBounds="true"
android:src="@drawable/home_icon" />
<TextView
android:id="@+id/homeTxt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:text="Home"
android:textColor="#80FFFFFF"
android:textSize="12sp" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
<ImageView
android:id="@+id/dashboardBtn"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="30dp"
android:background="@drawable/dashboard_gradient"
android:elevation="10dp"
android:outlineAmbientShadowColor="@color/dashboard_1"
android:outlineSpotShadowColor="@color/dashboard_1"
android:padding="18dp"
android:src="@drawable/dashboard_selected_icon" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="5dp"
android:layout_toEndOf="@+id/dashboardBtn"
android:gravity="bottom"
android:orientation="horizontal">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:weightSum="2">
<LinearLayout
android:id="@+id/chatLayout"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical">
<ImageView
android:id="@+id/chatIcon"
android:layout_width="wrap_content"
android:layout_height="25dp"
android:adjustViewBounds="true"
android:src="@drawable/chat_icon" />
<TextView
android:id="@+id/chatTxt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:text="Chat"
android:textColor="#80FFFFFF"
android:textSize="12sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/settingsLayout"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical">
<ImageView
android:id="@+id/settingsIcon"
android:layout_width="wrap_content"
android:layout_height="25dp"
android:adjustViewBounds="true"
android:src="@drawable/settings_icon" />
<TextView
android:id="@+id/settingsTxt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:text="Settings"
android:textColor="#80FFFFFF"
android:textSize="12sp" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
</RelativeLayout>
java/MainActivity.java
package com.custombotombar;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
private ImageView walletIcon, homeIcon, chatIcon, settingsIcon;
private TextView walletTxt, homeTxt, chatTxt, settingsTxt;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final LinearLayout walletLayout = findViewById(R.id.walletLayout);
final LinearLayout homeLayout = findViewById(R.id.homeLayout);
final LinearLayout chatLayout = findViewById(R.id.chatLayout);
final LinearLayout settingsLayout = findViewById(R.id.settingsLayout);
walletIcon = findViewById(R.id.walletIcon);
homeIcon = findViewById(R.id.homeIcon);
chatIcon = findViewById(R.id.chatIcon);
settingsIcon = findViewById(R.id.settingsIcon);
walletTxt = findViewById(R.id.walletTxt);
homeTxt = findViewById(R.id.homeTxt);
chatTxt = findViewById(R.id.chatTxt);
settingsTxt = findViewById(R.id.settingsTxt);
walletLayout.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// deselect all bottom items
desSelectBottomItems();
// select Item
selectBottomItem(0, walletIcon, walletTxt);
}
});
homeLayout.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// deselect all bottom items
desSelectBottomItems();
// select Item
selectBottomItem(1, homeIcon, homeTxt);
}
});
chatLayout.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// deselect all bottom items
desSelectBottomItems();
// select Item
selectBottomItem(2, chatIcon, chatTxt);
}
});
settingsLayout.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// deselect all bottom items
desSelectBottomItems();
// select Item
selectBottomItem(3, settingsIcon, settingsTxt);
}
});
}
private void desSelectBottomItems() {
walletIcon.setImageResource(R.drawable.wallet_icon);
homeIcon.setImageResource(R.drawable.home_icon);
chatIcon.setImageResource(R.drawable.chat_icon);
settingsIcon.setImageResource(R.drawable.settings_icon);
walletTxt.setTextColor(Color.parseColor("#80FFFFFF"));
homeTxt.setTextColor(Color.parseColor("#80FFFFFF"));
chatTxt.setTextColor(Color.parseColor("#80FFFFFF"));
settingsTxt.setTextColor(Color.parseColor("#80FFFFFF"));
}
private void selectBottomItem(int position, ImageView selectedItemIcon, TextView selectedItemTxt) {
int selectedResources;
if (position == 0) {
selectedResources = R.drawable.wallet_selected_icon;
} else if (position == 1) {
selectedResources = R.drawable.home_selected_icon;
} else if (position == 2) {
selectedResources = R.drawable.chat_selected_icon;
} else {
selectedResources = R.drawable.settings_selected_icon;
}
// set selectedResource to ImageView.
selectedItemIcon.setImageResource(selectedResources);
// highlight text of selected item
selectedItemTxt.setTextColor(Color.WHITE);
}
}
drawable/chat_icon.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="512dp"
android:height="512dp"
android:viewportWidth="512"
android:viewportHeight="512">
<path
android:fillColor="#80FFFFFF"
android:pathData="M115.8,22c-22.9,2.8 -45,13.4 -62,29.8 -17.7,17.1 -28.9,40.2 -31.8,65.2 -1.4,11.9 -1.3,180.3 0.1,192.7 2.8,25.4 15,50.1 33.1,66.9 12.3,11.3 30.1,21.2 45,24.9l6.7,1.7 0.3,36.8 0.3,36.8 3,4.4c6,8.4 17.9,11.7 26.4,7.3 1.9,-1 31.1,-20.1 64.8,-42.6l61.3,-40.9 66.1,-0c62.5,-0 66.6,-0.1 76.1,-2 45.6,-9.3 79.5,-46.6 84.7,-93.3 1.4,-12.4 1.5,-180.8 0.1,-192.7 -4,-34.6 -23.3,-64 -53.5,-81.7 -7.5,-4.4 -19.6,-9.2 -29.3,-11.6 -8.7,-2.1 -9.4,-2.1 -146.7,-2.3 -75.9,-0.1 -141,0.2 -144.7,0.6zM393.5,151.7c2.2,1.1 5,3.2 6.2,4.5 7.5,8 6.8,22.4 -1.3,30 -6.6,6.2 2.3,5.8 -142.4,5.8 -117.1,-0 -132.5,-0.2 -135.8,-1.6 -7.9,-3.3 -13.2,-11 -13.2,-19.4 0,-10.5 5.6,-17.9 16,-21.1 1.4,-0.4 61.9,-0.7 134.5,-0.6l132,0.2 4,2.2zM349.8,236.5c15.2,6.4 17.2,27.3 3.4,37l-4.4,3 -90.6,0.3c-62.6,0.2 -91.8,-0 -94.4,-0.8 -14.7,-4.2 -19.1,-25 -7.6,-35.7 5.8,-5.4 2,-5.2 99.6,-5.3 79.3,-0 90.7,0.2 94,1.5z" />
</vector>
drawable/chat_selected_icon.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="512dp"
android:height="512dp"
android:viewportWidth="512"
android:viewportHeight="512">
<path
android:fillColor="#FFFFFF"
android:pathData="M115.8,22c-22.9,2.8 -45,13.4 -62,29.8 -17.7,17.1 -28.9,40.2 -31.8,65.2 -1.4,11.9 -1.3,180.3 0.1,192.7 2.8,25.4 15,50.1 33.1,66.9 12.3,11.3 30.1,21.2 45,24.9l6.7,1.7 0.3,36.8 0.3,36.8 3,4.4c6,8.4 17.9,11.7 26.4,7.3 1.9,-1 31.1,-20.1 64.8,-42.6l61.3,-40.9 66.1,-0c62.5,-0 66.6,-0.1 76.1,-2 45.6,-9.3 79.5,-46.6 84.7,-93.3 1.4,-12.4 1.5,-180.8 0.1,-192.7 -4,-34.6 -23.3,-64 -53.5,-81.7 -7.5,-4.4 -19.6,-9.2 -29.3,-11.6 -8.7,-2.1 -9.4,-2.1 -146.7,-2.3 -75.9,-0.1 -141,0.2 -144.7,0.6zM393.5,151.7c2.2,1.1 5,3.2 6.2,4.5 7.5,8 6.8,22.4 -1.3,30 -6.6,6.2 2.3,5.8 -142.4,5.8 -117.1,-0 -132.5,-0.2 -135.8,-1.6 -7.9,-3.3 -13.2,-11 -13.2,-19.4 0,-10.5 5.6,-17.9 16,-21.1 1.4,-0.4 61.9,-0.7 134.5,-0.6l132,0.2 4,2.2zM349.8,236.5c15.2,6.4 17.2,27.3 3.4,37l-4.4,3 -90.6,0.3c-62.6,0.2 -91.8,-0 -94.4,-0.8 -14.7,-4.2 -19.1,-25 -7.6,-35.7 5.8,-5.4 2,-5.2 99.6,-5.3 79.3,-0 90.7,0.2 94,1.5z" />
</vector>
drawable/dashboard_gradient.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
android:endColor="@color/dashboard_2"
android:startColor="@color/dashboard_1" />
<corners android:radius="20dp" />
</shape>
drawable/dashboard_icon.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="512dp"
android:height="512dp"
android:viewportWidth="512"
android:viewportHeight="512">
<path
android:fillColor="#80FFFFFF"
android:pathData="M27.5,1.4c-11.1,3.5 -19,10.4 -23.9,20.6l-3.1,6.5 0,57 0,57 3.3,6.7c4,8.2 11.9,15.7 20,19l5.7,2.3 84,0.3c60.3,0.2 85.7,-0 90,-0.8 16,-3.1 27.4,-14.5 30.5,-30.5 0.8,-4.2 1,-21.6 0.8,-58 -0.3,-51.7 -0.3,-52 -2.6,-57.7 -3.3,-8.1 -10.8,-16 -19,-20l-6.7,-3.3 -87.5,-0.2c-68.8,-0.2 -88.4,0.1 -91.5,1.1z" />
<path
android:fillColor="#80FFFFFF"
android:pathData="M304.9,1.4c-10.6,2.8 -20.9,12.1 -25.1,22.4l-2.3,5.7 -0.3,116c-0.2,83.8 0,117.7 0.8,122 3.1,16 14.5,27.4 30.5,30.5 4.3,0.8 29.7,1 90,0.8l84,-0.3 5.7,-2.3c8.1,-3.3 16,-10.8 20,-19l3.3,-6.7 0,-121 0,-121 -3.1,-6.5c-4,-8.4 -10,-14.4 -18.2,-18.3l-6.7,-3.2 -87,-0.2c-66.7,-0.1 -88.1,0.1 -91.6,1.1z" />
<path
android:fillColor="#80FFFFFF"
android:pathData="M30,214.1c-11.2,2.2 -21.7,10.7 -26.8,21.7l-2.7,5.7 0,121 0,121 3.1,6.5c3.9,8.3 10.1,14.5 18.4,18.4l6.5,3.1 89,-0 89,-0 6.7,-3.3c8.2,-4 15.7,-11.9 19,-20l2.3,-5.7 0.3,-116c0.2,-83.8 0,-117.7 -0.8,-122 -3,-15.7 -14.2,-27.1 -29.8,-30.4 -6.4,-1.3 -167.2,-1.4 -174.2,-0z" />
<path
android:fillColor="#80FFFFFF"
android:pathData="M306.5,342.4c-15,3.7 -25.5,14.8 -28.5,30.1 -0.8,4.2 -1,21.5 -0.8,58 0.3,51.7 0.3,52 2.6,57.7 3.3,8.1 10.8,16 19,20l6.7,3.3 89,-0 89,-0 6.7,-3.2c8.2,-3.9 14.2,-9.9 18.2,-18.3l3.1,-6.5 0,-57 0,-57 -3.3,-6.7c-4,-8.2 -11.9,-15.7 -20,-19l-5.7,-2.3 -85.5,-0.2c-64.9,-0.1 -86.7,0.1 -90.5,1.1z" />
</vector>
drawable/dashboard_selected_icon.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="512dp"
android:height="512dp"
android:viewportWidth="512"
android:viewportHeight="512">
<path
android:fillColor="#FFFFFF"
android:pathData="M27.5,1.4c-11.1,3.5 -19,10.4 -23.9,20.6l-3.1,6.5 0,57 0,57 3.3,6.7c4,8.2 11.9,15.7 20,19l5.7,2.3 84,0.3c60.3,0.2 85.7,-0 90,-0.8 16,-3.1 27.4,-14.5 30.5,-30.5 0.8,-4.2 1,-21.6 0.8,-58 -0.3,-51.7 -0.3,-52 -2.6,-57.7 -3.3,-8.1 -10.8,-16 -19,-20l-6.7,-3.3 -87.5,-0.2c-68.8,-0.2 -88.4,0.1 -91.5,1.1z" />
<path
android:fillColor="#FFFFFF"
android:pathData="M304.9,1.4c-10.6,2.8 -20.9,12.1 -25.1,22.4l-2.3,5.7 -0.3,116c-0.2,83.8 0,117.7 0.8,122 3.1,16 14.5,27.4 30.5,30.5 4.3,0.8 29.7,1 90,0.8l84,-0.3 5.7,-2.3c8.1,-3.3 16,-10.8 20,-19l3.3,-6.7 0,-121 0,-121 -3.1,-6.5c-4,-8.4 -10,-14.4 -18.2,-18.3l-6.7,-3.2 -87,-0.2c-66.7,-0.1 -88.1,0.1 -91.6,1.1z" />
<path
android:fillColor="#FFFFFF"
android:pathData="M30,214.1c-11.2,2.2 -21.7,10.7 -26.8,21.7l-2.7,5.7 0,121 0,121 3.1,6.5c3.9,8.3 10.1,14.5 18.4,18.4l6.5,3.1 89,-0 89,-0 6.7,-3.3c8.2,-4 15.7,-11.9 19,-20l2.3,-5.7 0.3,-116c0.2,-83.8 0,-117.7 -0.8,-122 -3,-15.7 -14.2,-27.1 -29.8,-30.4 -6.4,-1.3 -167.2,-1.4 -174.2,-0z" />
<path
android:fillColor="#FFFFFF"
android:pathData="M306.5,342.4c-15,3.7 -25.5,14.8 -28.5,30.1 -0.8,4.2 -1,21.5 -0.8,58 0.3,51.7 0.3,52 2.6,57.7 3.3,8.1 10.8,16 19,20l6.7,3.3 89,-0 89,-0 6.7,-3.2c8.2,-3.9 14.2,-9.9 18.2,-18.3l3.1,-6.5 0,-57 0,-57 -3.3,-6.7c-4,-8.2 -11.9,-15.7 -20,-19l-5.7,-2.3 -85.5,-0.2c-64.9,-0.1 -86.7,0.1 -90.5,1.1z" />
</vector>
drawable/home_icon.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="512dp"
android:height="512dp"
android:viewportWidth="512"
android:viewportHeight="512">
<path
android:fillColor="#8CFFFFFF"
android:pathData="M244.3,1.5c-13,3.6 -9.4,0.3 -124.6,115.3 -59.8,59.8 -110.1,110.7 -111.7,113.1 -12.4,18.5 -9.9,43.3 5.9,59.2 9.2,9.1 20.9,13.9 34.3,13.9l6.8,-0 0,80c0,54.1 0.4,81.6 1.1,85.2 3.8,18.2 18.5,34.7 36.7,41 6.6,2.3 7.1,2.3 55.4,2.3 47.6,-0 48.7,-0 51.4,-2.1 1.5,-1.1 3.7,-3.3 4.8,-4.8 2.1,-2.7 2.1,-4 2.6,-69.5l0.5,-66.8 3,-4.9c3.8,-6.1 11.5,-11 18.9,-11.9 2.8,-0.4 16.8,-0.5 31.1,-0.3l26,0.3 5.3,2.9c5,2.8 8.2,6.1 11.3,11.6 1.1,2.1 1.5,14.4 1.9,69.2 0.5,65.4 0.5,66.7 2.6,69.4 1.1,1.5 3.3,3.7 4.8,4.8 2.7,2.1 3.8,2.1 51.4,2.1 48.3,-0 48.8,-0 55.4,-2.3 18.2,-6.3 32.9,-22.8 36.7,-41 0.7,-3.6 1.1,-31.1 1.1,-85.2l0,-80 6.8,-0c24,-0 43.4,-16.3 47.4,-39.8 1.5,-9.2 0,-19 -4.3,-28.2 -2.9,-6 -11.6,-15 -111.8,-115.3 -59.7,-59.8 -110.7,-110.1 -113.3,-111.8 -2.6,-1.7 -7.1,-4 -10,-5.1 -7,-2.7 -20.4,-3.3 -27.5,-1.3z" />
</vector>
drawable/home_selected_icon.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="512dp"
android:height="512dp"
android:viewportWidth="512"
android:viewportHeight="512">
<path
android:fillColor="#FFFFFF"
android:pathData="M244.3,1.5c-13,3.6 -9.4,0.3 -124.6,115.3 -59.8,59.8 -110.1,110.7 -111.7,113.1 -12.4,18.5 -9.9,43.3 5.9,59.2 9.2,9.1 20.9,13.9 34.3,13.9l6.8,-0 0,80c0,54.1 0.4,81.6 1.1,85.2 3.8,18.2 18.5,34.7 36.7,41 6.6,2.3 7.1,2.3 55.4,2.3 47.6,-0 48.7,-0 51.4,-2.1 1.5,-1.1 3.7,-3.3 4.8,-4.8 2.1,-2.7 2.1,-4 2.6,-69.5l0.5,-66.8 3,-4.9c3.8,-6.1 11.5,-11 18.9,-11.9 2.8,-0.4 16.8,-0.5 31.1,-0.3l26,0.3 5.3,2.9c5,2.8 8.2,6.1 11.3,11.6 1.1,2.1 1.5,14.4 1.9,69.2 0.5,65.4 0.5,66.7 2.6,69.4 1.1,1.5 3.3,3.7 4.8,4.8 2.7,2.1 3.8,2.1 51.4,2.1 48.3,-0 48.8,-0 55.4,-2.3 18.2,-6.3 32.9,-22.8 36.7,-41 0.7,-3.6 1.1,-31.1 1.1,-85.2l0,-80 6.8,-0c24,-0 43.4,-16.3 47.4,-39.8 1.5,-9.2 0,-19 -4.3,-28.2 -2.9,-6 -11.6,-15 -111.8,-115.3 -59.7,-59.8 -110.7,-110.1 -113.3,-111.8 -2.6,-1.7 -7.1,-4 -10,-5.1 -7,-2.7 -20.4,-3.3 -27.5,-1.3z" />
</vector>
drawable/round_back_bottom.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners
android:topLeftRadius="20dp"
android:topRightRadius="20dp" />
<stroke
android:width="1dp"
android:color="#4DFFFFFF" />
<solid android:color="#232029" />
</shape>
drawable/settings_icon.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="512dp"
android:height="512dp"
android:viewportWidth="512"
android:viewportHeight="512">
<path
android:fillColor="#80FFFFFF"
android:pathData="M172,31.4c-21.4,7.5 -54.4,26.5 -66.5,38.3 -9.1,8.8 -11,20.3 -6,35.3 3.9,11.4 4.2,27.7 0.8,38.5 -7.4,23.2 -26.9,39.7 -51.3,43.4 -12.8,2 -21,7.3 -25.9,16.9 -4.5,8.8 -7.7,38 -6.7,61.2 1.2,28.6 3.9,38.6 12.4,46.1 5.1,4.5 9.4,6.1 21.7,8.4 13.7,2.5 22.2,7 32.5,17.4 13.2,13.4 18.4,26 18.3,44.6 0,9 -0.4,11.1 -3.9,21 -8.5,24.4 -4,33.3 27.6,54.3 10.7,7.1 31.9,18.1 43.8,22.7 12.2,4.7 19.3,4.8 28.1,0.4 3.9,-2 7.5,-4.7 9.9,-7.7 11.6,-14.3 19.5,-20.3 32.9,-24.8 24.7,-8.4 51.4,-0.4 68.5,20.4 9.6,11.6 21.5,15.8 34,11.8 9.8,-3.2 31.5,-14.5 45,-23.5 17.1,-11.4 25.8,-19.4 28.7,-26.1 3.7,-8.6 3.7,-13.2 0.1,-24 -4,-12 -5.1,-26.8 -2.6,-37.2 5.4,-23.1 23,-40.9 46.1,-46.4 16.5,-4 17.2,-4.3 22.9,-9.5 3.9,-3.6 6.1,-6.5 7.5,-10.4 7.6,-20.4 7.4,-79 -0.3,-96.1 -2.6,-5.6 -7.9,-11.5 -12.7,-14 -1.7,-0.8 -6.2,-2.2 -10,-3 -26.5,-5.5 -45.1,-22.6 -51.4,-47.4 -2.4,-9.1 -1.6,-26.2 1.5,-34.5 3.1,-8.4 3.2,-18.3 0.2,-25 -2.9,-6.2 -5.4,-9 -16.5,-17.6 -22,-17.1 -56.3,-34.5 -70.3,-35.6 -10.5,-0.9 -14.8,1.2 -27.9,13.6 -8.5,8.2 -13.1,11.6 -18.8,14.4 -17.8,8.8 -37.3,8.8 -55.4,-0 -6.1,-3 -10.1,-6 -18.9,-14.4 -8.5,-8.1 -12.2,-11 -15.9,-12.3 -6.7,-2.2 -13.8,-2 -21.5,0.8zM275,178.4c20.8,5.6 36.8,17 48,34.3 24,36.6 13.3,86.2 -23.7,110.3 -13.6,8.9 -25.9,12.5 -43.3,12.5 -22.6,-0 -40.8,-7.5 -56.4,-23.1 -15.6,-15.6 -23.1,-33.8 -23.1,-56.4 0,-17.4 3.6,-29.7 12.5,-43.3 12,-18.5 30.7,-31 52.5,-35.3 8.5,-1.6 25.7,-1.2 33.5,1z" />
</vector>
drawable/settings_selected_icon.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="512dp"
android:height="512dp"
android:viewportWidth="512"
android:viewportHeight="512">
<path
android:pathData="M172,31.4c-21.4,7.5 -54.4,26.5 -66.5,38.3 -9.1,8.8 -11,20.3 -6,35.3 3.9,11.4 4.2,27.7 0.8,38.5 -7.4,23.2 -26.9,39.7 -51.3,43.4 -12.8,2 -21,7.3 -25.9,16.9 -4.5,8.8 -7.7,38 -6.7,61.2 1.2,28.6 3.9,38.6 12.4,46.1 5.1,4.5 9.4,6.1 21.7,8.4 13.7,2.5 22.2,7 32.5,17.4 13.2,13.4 18.4,26 18.3,44.6 0,9 -0.4,11.1 -3.9,21 -8.5,24.4 -4,33.3 27.6,54.3 10.7,7.1 31.9,18.1 43.8,22.7 12.2,4.7 19.3,4.8 28.1,0.4 3.9,-2 7.5,-4.7 9.9,-7.7 11.6,-14.3 19.5,-20.3 32.9,-24.8 24.7,-8.4 51.4,-0.4 68.5,20.4 9.6,11.6 21.5,15.8 34,11.8 9.8,-3.2 31.5,-14.5 45,-23.5 17.1,-11.4 25.8,-19.4 28.7,-26.1 3.7,-8.6 3.7,-13.2 0.1,-24 -4,-12 -5.1,-26.8 -2.6,-37.2 5.4,-23.1 23,-40.9 46.1,-46.4 16.5,-4 17.2,-4.3 22.9,-9.5 3.9,-3.6 6.1,-6.5 7.5,-10.4 7.6,-20.4 7.4,-79 -0.3,-96.1 -2.6,-5.6 -7.9,-11.5 -12.7,-14 -1.7,-0.8 -6.2,-2.2 -10,-3 -26.5,-5.5 -45.1,-22.6 -51.4,-47.4 -2.4,-9.1 -1.6,-26.2 1.5,-34.5 3.1,-8.4 3.2,-18.3 0.2,-25 -2.9,-6.2 -5.4,-9 -16.5,-17.6 -22,-17.1 -56.3,-34.5 -70.3,-35.6 -10.5,-0.9 -14.8,1.2 -27.9,13.6 -8.5,8.2 -13.1,11.6 -18.8,14.4 -17.8,8.8 -37.3,8.8 -55.4,-0 -6.1,-3 -10.1,-6 -18.9,-14.4 -8.5,-8.1 -12.2,-11 -15.9,-12.3 -6.7,-2.2 -13.8,-2 -21.5,0.8zM275,178.4c20.8,5.6 36.8,17 48,34.3 24,36.6 13.3,86.2 -23.7,110.3 -13.6,8.9 -25.9,12.5 -43.3,12.5 -22.6,-0 -40.8,-7.5 -56.4,-23.1 -15.6,-15.6 -23.1,-33.8 -23.1,-56.4 0,-17.4 3.6,-29.7 12.5,-43.3 12,-18.5 30.7,-31 52.5,-35.3 8.5,-1.6 25.7,-1.2 33.5,1z"
android:fillColor="#FFFFFF"/>
</vector>
drawable/wallet_icon.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="512dp"
android:height="512dp"
android:viewportWidth="512"
android:viewportHeight="512">
<path
android:fillColor="#80FFFFFF"
android:pathData="M280,11.3c-4.2,1.3 -184.3,90 -186.4,91.9 -0.6,0.4 4.9,0.8 12.1,0.8l13.1,-0 101.4,-27.6c55.7,-15.2 101.7,-28 102.2,-28.4 0.4,-0.4 -1.9,-6.4 -5.3,-13.3 -6.6,-13.4 -10.7,-18.3 -18.5,-21.7 -5.7,-2.6 -13.2,-3.2 -18.6,-1.7z" />
<path
android:fillColor="#80FFFFFF"
android:pathData="M285.5,76.4c-52.8,14.4 -96.7,26.5 -97.5,26.9 -0.8,0.3 51.9,0.6 117.2,0.6l118.6,0.1 -2.9,-10.8c-1.6,-5.9 -3.9,-14.2 -5,-18.4 -4.4,-16.3 -14.6,-24.9 -29.4,-24.7 -3.3,-0 -37.3,8.8 -101,26.3z" />
<path
android:fillColor="#80FFFFFF"
android:pathData="M19.6,125.6c-3.5,1.1 -6.5,3.2 -10.7,7.3 -9.8,9.8 -9,-7 -8.7,182.1l0.3,165.5 2.3,4.5c3.3,6.3 8.6,11.5 14.6,14.2l5.1,2.3 219,-0c205.7,-0 219.2,-0.1 222.8,-1.7 6.7,-3 11.4,-7.6 14.6,-14l3.1,-6.1 0,-43.3 0,-43.3 -89.7,-0.3 -89.8,-0.3 -5.9,-2.3c-16.7,-6.3 -27.8,-18.4 -32,-34.8 -1.3,-5.1 -1.6,-12.6 -1.6,-42 0,-19.8 0.5,-38.6 1,-41.9 2.2,-13.5 12.5,-27.7 24.8,-34.3 11.8,-6.3 9.9,-6.2 106,-6.2l87.3,-0 -0.3,-43.8 -0.3,-43.7 -2.7,-4.5c-3.3,-5.6 -7,-9.2 -12.8,-12.2l-4.5,-2.3 -218.5,-0.2c-192.4,-0.1 -219.1,-0 -223.4,1.3z" />
<path
android:fillColor="#80FFFFFF"
android:pathData="M304.5,252.4c-8.4,2.4 -14.4,7.4 -18.7,15.6 -2.3,4.5 -2.3,4.6 -2.3,43.5 0,38.9 0,39 2.4,44.2 2.7,6.1 8.4,11.6 15,14.7 4.6,2.1 4.7,2.1 96.6,2.1 91.9,-0 92,-0 96.6,-2.1 6.3,-2.9 12,-8.3 14.9,-14.1l2.5,-4.8 0.3,-37.3c0.4,-44.8 0.3,-45.3 -8.6,-54.1 -9.8,-9.7 -2.8,-9.1 -105.6,-9 -64.1,0.1 -90.2,0.4 -93.1,1.3zM365.1,296.3c5,3.3 6.9,7.9 6.9,16.5 0,13.4 -4.5,18.4 -16.9,19.1 -9,0.4 -13.8,-0.9 -17.6,-4.9 -2.8,-2.9 -3,-3.7 -3.3,-12.6 -0.5,-11.2 0.6,-14.5 5.7,-18 3.1,-2.1 4.7,-2.4 12.7,-2.4 7.8,-0 9.6,0.3 12.5,2.3z" />
</vector>
drawable/wallet_selected_icon.xml
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="512dp"
android:height="512dp"
android:viewportWidth="512"
android:viewportHeight="512">
<path
android:fillColor="#FFFFFF"
android:pathData="M280,11.3c-4.2,1.3 -184.3,90 -186.4,91.9 -0.6,0.4 4.9,0.8 12.1,0.8l13.1,-0 101.4,-27.6c55.7,-15.2 101.7,-28 102.2,-28.4 0.4,-0.4 -1.9,-6.4 -5.3,-13.3 -6.6,-13.4 -10.7,-18.3 -18.5,-21.7 -5.7,-2.6 -13.2,-3.2 -18.6,-1.7z" />
<path
android:fillColor="#FFFFFF"
android:pathData="M285.5,76.4c-52.8,14.4 -96.7,26.5 -97.5,26.9 -0.8,0.3 51.9,0.6 117.2,0.6l118.6,0.1 -2.9,-10.8c-1.6,-5.9 -3.9,-14.2 -5,-18.4 -4.4,-16.3 -14.6,-24.9 -29.4,-24.7 -3.3,-0 -37.3,8.8 -101,26.3z" />
<path
android:fillColor="#FFFFFF"
android:pathData="M19.6,125.6c-3.5,1.1 -6.5,3.2 -10.7,7.3 -9.8,9.8 -9,-7 -8.7,182.1l0.3,165.5 2.3,4.5c3.3,6.3 8.6,11.5 14.6,14.2l5.1,2.3 219,-0c205.7,-0 219.2,-0.1 222.8,-1.7 6.7,-3 11.4,-7.6 14.6,-14l3.1,-6.1 0,-43.3 0,-43.3 -89.7,-0.3 -89.8,-0.3 -5.9,-2.3c-16.7,-6.3 -27.8,-18.4 -32,-34.8 -1.3,-5.1 -1.6,-12.6 -1.6,-42 0,-19.8 0.5,-38.6 1,-41.9 2.2,-13.5 12.5,-27.7 24.8,-34.3 11.8,-6.3 9.9,-6.2 106,-6.2l87.3,-0 -0.3,-43.8 -0.3,-43.7 -2.7,-4.5c-3.3,-5.6 -7,-9.2 -12.8,-12.2l-4.5,-2.3 -218.5,-0.2c-192.4,-0.1 -219.1,-0 -223.4,1.3z" />
<path
android:fillColor="#FFFFFF"
android:pathData="M304.5,252.4c-8.4,2.4 -14.4,7.4 -18.7,15.6 -2.3,4.5 -2.3,4.6 -2.3,43.5 0,38.9 0,39 2.4,44.2 2.7,6.1 8.4,11.6 15,14.7 4.6,2.1 4.7,2.1 96.6,2.1 91.9,-0 92,-0 96.6,-2.1 6.3,-2.9 12,-8.3 14.9,-14.1l2.5,-4.8 0.3,-37.3c0.4,-44.8 0.3,-45.3 -8.6,-54.1 -9.8,-9.7 -2.8,-9.1 -105.6,-9 -64.1,0.1 -90.2,0.4 -93.1,1.3zM365.1,296.3c5,3.3 6.9,7.9 6.9,16.5 0,13.4 -4.5,18.4 -16.9,19.1 -9,0.4 -13.8,-0.9 -17.6,-4.9 -2.8,-2.9 -3,-3.7 -3.3,-12.6 -0.5,-11.2 0.6,-14.5 5.7,-18 3.1,-2.1 4.7,-2.4 12.7,-2.4 7.8,-0 9.6,0.3 12.5,2.3z" />
</vector>
Output
![](https://learnoset.com/Learnoset/CodeOutput/custom_bottom-bar.jpg)
Projects with Source Code + Video Tutorials
You can download our Java and Android Studio Projects with Source Code and Video Tutorials.
![Simple-Calculator-App-for-Android------------------
----------](https://learnoset.com/Learnoset/Projects/Calculater/screenshot1.jpg)
Simple Calculator App for Android
![TicTacToe-Game-For-Android-(Offline-Version).](https://learnoset.com/Learnoset/Projects/TicTacToe/thumnail2.jpg)
TicTacToe Game For Android (Offline Version).
![HD-Wallpaper-App-in-Android-Studio-----------](https://learnoset.com/Learnoset/Projects/HDWallpaper/hd_wallpaper2_02.png)
HD Wallpaper App in Android Studio
If you have any Questions or Queries
You can mail us at info.learnoset@gmail.com
Follow us to learn Coding and get in touch with new Technologies.