This repository has been archived by the owner. It is now read-only.
Android - Blur Navigation Drawer like Etsy app.
Switch branches/tags
Nothing to show
Clone or download
Latest commit f2c3458 Jun 27, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.idea Project Rename Sep 4, 2014
Screenshot Project Rename Sep 4, 2014
app add seekbars Nov 3, 2014
gradle/wrapper Initial Commit Aug 22, 2014
library add seekbars Nov 3, 2014
.gitignore Initial Commit Aug 22, 2014
BlurNavigationDrawer.iml Project Rename Sep 4, 2014
LICENSE Project Rename Sep 4, 2014
README.md Update README.md Jun 27, 2017
build.gradle Initial Commit Aug 22, 2014
gradle.properties Initial Commit Aug 22, 2014
gradlew Initial Commit Aug 22, 2014
gradlew.bat Initial Commit Aug 22, 2014
settings.gradle Project Rename Sep 4, 2014

README.md

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 ! ;)