Skip to main content

BlurBottomNavigationView


BlurBottomNavigationView

Warning

To use this view, make sure to integrate the QmBlurView.BottomNavigation Dependencies:

dependencies {
    // BottomNavigationView Dependencies
    implementation 'com.qmdeve:QmBlurView.BottomNavigation:<Version>'
}

Use in XML layout

<com.qmdeve.blurview.widget.BlurBottomNavigationView
    android:id="@+id/bottomnav"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:item_iconSize="24dp"
    app:item_textBold="true"
    app:item_textSize="12dp"
    app:menu="@menu/bottom_nav_menu"
    app:navOverlayColor="#AAFFFFFF"
    app:navSelectedColor="#0161F2"
    app:navUnselectedColor="#000"
    android:layout_alignParentBottom="true" />

API Description

Method NameDescription
bind(Object)Bind ViewPager or ViewPager2
setMenu(int)Set menu
setSelectedTab(int)Set selected tab
setSelectedColor(int)Set selected color
setUnselectedColor(int)Set unselected color
setIconSize(float)Set icon size
setTextSize(float)Set text size
setTextBold(boolean)Set text bold

Attribute Description

Attribute NameTypeDefault ValueDescription
app:navBlurRadiusdimension25dpSet blur radius
app:navOverlayColorcolor#AAFFFFFFSet overlay color
app:menureferencenullSet menu resource
app:navSelectedColorcolorBLUESet selected color
app:navUnselectedColorcolorGRAYSet unselected color
app:item_iconSizedimension24dpSet icon size
app:item_textSizedimension12dpSet text size
app:item_textBoldbooleanfalseSet text bold