Android - Blur Navigation Drawer like Etsy app.

Related tags

Menu BlurNavigationDrawer
Overview

Blur Navigation Drawer Library[DEPRECATED]

Android Arsenal

Blur Navigation Drawer like Etsy app.

Demo

You can download a demo here.

Updates

  • Version 1.1
    • Add support for v7 Android Support Library.

How to Use

Declare your layout

<!-- If you don't use v7 support library include this:
    <com.charbgr.BlurNavigationDrawer.v4.BlurDrawerLayout
        app:drawerUpImageId="@drawable/ic_drawer
        ... > -->
    
<com.charbgr.BlurNavigationDrawer.v7.BlurDrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    app:blurRadius="19"
    app:downScaleFactor="8.0"
    
    app:openDescription="@string/navigation_drawer_open"
    app:closeDescription="@string/navigation_drawer_close"
    app:toolbar="@+id/toolbarRef"
    ... >

Or replace your default toggle with this awesome blurred toggle effect just by adding 4 letters !

For example:

mDrawerToggle = new ActionBarDrawerToggle(
  getActivity(),                    /* host Activity */
  mDrawerLayout,                    /* DrawerLayout object */
  R.drawable.ic_drawer,             /* nav drawer image to replace 'Up' caret */
  R.string.navigation_drawer_open,  /* "open drawer" description for accessibility */
  R.string.navigation_drawer_close  /* "close drawer" description for accessibility */
);

to

mDrawerToggle = new BlurActionBarDrawerToggle(
  getActivity(),                    /* host Activity */
  mDrawerLayout,                    /* DrawerLayout object */
  R.drawable.ic_drawer,             /* nav drawer image to replace 'Up' caret */
  R.string.navigation_drawer_open,  /* "open drawer" description for accessibility */
  R.string.navigation_drawer_close  /* "close drawer" description for accessibility */
);

and set your radius or your down scale factor

mDrawerToggle.setRadius(15);
mDrawerToggle.setDownScaleFactor(6.0f);

and enjoy your blur effect!

Contributing

Feel free to fork it and pull request if you want to fix a bug ! ;)

You might also like...
A customizable and easy to use BottomBar navigation view with sleek animations, with support for ViewPager, ViewPager2, NavController, and badges.
A customizable and easy to use BottomBar navigation view with sleek animations, with support for ViewPager, ViewPager2, NavController, and badges.

AnimatedBottomBar A customizable and easy to use bottom bar view with sleek animations. Examples Playground app Download the playground app from Googl

Joery 1.2k Dec 30, 2022
A simple Floating Action Button that shows an anchored Navigation View
A simple Floating Action Button that shows an anchored Navigation View

Floating Navigation View A simple Floating Action Button that shows an anchored Navigation View and was inspired by Menu Material Fixed created by Tom

André Mion 1.3k Dec 29, 2022
An android custom view which looks like the menu in Path 2.0 (for iOS).

ArcMenu & RayMenu ArcMenu An android custom view which looks like the menu in Path 2.0 (for iOS). RayMenu About The user experience in Path 2.0 (for i

daCapricorn 1.3k Nov 29, 2022
imitate Tumblr's menu, dragging animations look like a snake
imitate Tumblr's menu, dragging animations look like a snake

android-snake-menu imitate Tumblr's menu, dragging animations look like a snake unexpected episode I found another repository some time ago which impl

stone 586 Nov 10, 2022
An Android library that allows you to easily create applications with slide-in menus. You may use it in your Android apps provided that you cite this project and include the license in your app. Thanks!

SlidingMenu (Play Store Demo) SlidingMenu is an Open Source Android library that allows developers to easily create applications with sliding menus li

Jeremy Feinstein 11.1k Dec 21, 2022
You can easily add awesome animated context menu to your app.
You can easily add awesome animated context menu to your app.

ContextMenu You can easily add awesome animated context menu to your app. Check this project on dribbble Check this project on Behance Usage: For a wo

Yalantis 3.8k Dec 28, 2022
** A slide-out menu implementation, which allows users to navigate between views in your app.

MenuDrawer A slide-out menu implementation, which allows users to navigate between views in your app. Most commonly the menu is revealed by either dra

Simon Vig Therkildsen 2.6k Dec 8, 2022
An app that helps you create & remove WSA icon in the start menu

WSA Helper An application that allows you to manager WSA's icons in start menus

LSPosed 142 Dec 24, 2022
BottomSheet-Android - A simple customizable BottomSheet Library for Android Kotlin

BottomSheet-Android A simple customizable BottomSheet Library for Android Kotlin

Munachimso Ugorji 0 Jan 3, 2022
Comments
  • how to blur right side beneath of navigation drawer.

    how to blur right side beneath of navigation drawer.

    i had tried to blur only beneath of navigation drawer but it works only in left side. I set navigation drawer's gravity to right . Navigation drawer is coming from right side as i want but blurring effect only in left side. how to achieve it.

    opened by ManpreetSingh93 0
  • BlurActionBarDrawerToggle not blurring TextViews

    BlurActionBarDrawerToggle not blurring TextViews

    Hey Basilis,

    thanks for the awesome library. It's working great. My only problem is that it only blurs ImageViews and not TextViews. I found a solution on stackoverflow (http://stackoverflow.com/questions/27804984/blur-only-blurs-images-not-text-ore-something-else?newreg=e0dd218fd188467cb2420318bd710c8a) but it's not working for me. Does it work in your case?

    Thanks in advance. Manuel

    help wanted 
    opened by manuelwenner 1
  • Wrong bitmap for blur

    Wrong bitmap for blur

    Hello! Thank you for nice library. However, in my test app i can see correct blurred background only on 2 fragments out of 10. Seems like method loadBitmapFromView(mDrawerLayout) cannot see that layout was changed. Also, even on one list fragment after scrolling it down and opening drawer i see "old" background. Tried to fix this, no luck. Waiting for response.

    bug help wanted 
    opened by formatBCE 3
Owner
Vasilis Charalampakis
Android Software Engineer
Vasilis Charalampakis
GitHub
Space Navigation is a library allowing easily integrate fully customizable Google Spaces like navigation to your app.

Space-Navigation-View Introduction Space Navigation is a library allowing easily integrate fully customizable Google [Spaces][1] like navigation to yo

Arman 2k Dec 23, 2022
Animations for Android L drawer, back, dismiss and check icons

Material Menu Morphing Android menu, back, dismiss and check buttons Have full control of the animation: Including in your project compile 'com.balysv

Balys Valentukevicius 2.5k Dec 30, 2022
swipe display drawer with flowing & bouncing effects.

FlowingDrawer swipe right to display drawer with flowing effects. Download Include the following dependency in your build.gradle file. Gradle: rep

mxn 2.6k Jan 3, 2023
Bottom Navigation widget component inspired by the Google Material Design Guidelines at https://www.google.com/design/spec/components/bottom-navigation.html

Material Bottom Navigation Library Lightweight Bottom Navigation library component inspired by the Google Material Design Guidelines at https://www.go

Alessandro Crugnola 1.4k Dec 18, 2022
Spotify like android material bottom navigation bar library.

SuperBottomBar About Spotify like android material bottom navigation bar library. GIF Design Credits All design and inspiration credits belongs to Spo

Ertugrul 73 Dec 10, 2022
Implementation of "Side Navigation" or "Fly-in app menu" pattern for Android (based on Google+ app)

Android SideNavigation Library Implementation of "Side Navigation" or "Fly-in app menu" pattern for Android (based on Google+ app). Description The Go

Evgeny Shishkin 319 Nov 25, 2022
Navigation menu for Android (based off Google+ app)

RibbonMenu Navigation menu for Android (based on Google+ app). Usage Menus are created in xml as normal, adding text and an icon. In the layout you wa

David Scott 487 Nov 24, 2022
A new way to implement navigation in your app 🏎

ExpandableBottomBar A new way to improve navigation in your app Its really easy integrate to your project take it, faster, faster Important: library w

Alexander Dadukin 692 Dec 29, 2022
Android-NewPopupMenu 3.9 0.0 Java is an android library to create popup menu with GoogleMusic app-like style.

Android-NewPopupMenu Android-NewPopupMenu is an android library to create popup menu with GoogleMusic app-like style. Requirements Tested with APIv4 H

u1aryz 159 Nov 21, 2022
ActionsContentView is an standalone library implements actions/content swiping view (AKA Side Navigation UI Pattern, AKA Facebook side menu). The library doesn't use any specific code introduced in new Android SDK versions. This allows develop an application with an action/content swiping view for every version of Android from 2.2 and up.

ActionsContentView ActionsContentView is an standalone library implements actions/content swiping view. The library doesn't use any specific code intr

Steven Rudenko 441 Nov 25, 2022