Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/QmDeve/QmBlurView-Docs/llms.txt

Use this file to discover all available pages before exploring further.

BlurBottomNavigationView is a bottom navigation bar that applies a real-time Gaussian blur to everything behind it, delivering a frosted-glass look consistent with the rest of the QmBlurView component suite. It supports menu resources, selected/unselected color theming, icon and text customization, and first-class binding to both ViewPager and ViewPager2. Because it lives in a separate artifact, you must add the navigation module dependency before using it.
BlurBottomNavigationView requires the navigation module. Add the following to your build.gradle before use:
dependencies {
    implementation 'com.qmdeve.blurview:navigation:1.2.0'
}

​
Usage 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 Reference

Method NameDescription
bind(Object)Bind ViewPager or ViewPager2
setMenu(int)Set menu resource
setSelectedTab(int)Set selected tab
setSelectedColor(int)Set selected item color
setUnselectedColor(int)Set unselected item 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 item color
app:navUnselectedColorcolorGRAYSet unselected item color
app:item_iconSizedimension24dpSet icon size
app:item_textSizedimension12dpSet text size
app:item_textBoldbooleanfalseSet text bold

​
Binding to ViewPager or ViewPager2

Call bind() after setContentView to keep the navigation bar and pager in sync automatically: 
BlurBottomNavigationView bottomNav = findViewById(R.id.bottomnav);
bottomNav.bind(viewPager2);

Build docs developers (and LLMs) love

Get started for freeTalk to us