Merge pull request #1 from jendib/patch-1

Explain the layout change about the RelativeLayout

README.md

@@ -18,7 +18,7 @@ Just replace your default toggle with this awesome blurred toggle effect just by
 
 For example: 
 
-```
+```java
 mDrawerToggle = new ActionBarDrawerToggle(
   getActivity(),                    /* host Activity */
   mDrawerLayout,                    /* DrawerLayout object */
@@ -28,7 +28,7 @@ mDrawerToggle = new ActionBarDrawerToggle(
 );
 ```
 to
-```
+```java
 mDrawerToggle = new BlurActionBarDrawerToggle(
   getActivity(),                    /* host Activity */
   mDrawerLayout,                    /* DrawerLayout object */
@@ -37,8 +37,28 @@ mDrawerToggle = new BlurActionBarDrawerToggle(
   R.string.navigation_drawer_close  /* "close drawer" description for accessibility */
 );
 ```
-and initialize it with a RelativeLayout(working to fix this) passed as View and a blur radius.
+
+then modify your layout to include a RelativeLayout around the drawer main frame:
+```xml
+<!-- This is the RelativeLayout that you must have for blur effect!-->
+
+<RelativeLayout
+    android:id="@+id/mylayout"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <!-- As the main content view, the view below consumes the entire
+         space available using match_parent in both dimensions. -->
+    <FrameLayout
+        android:id="@+id/container"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+
+</RelativeLayout>
 ```
+
+and initialize BlurActionBarDrawerToggle with the RelativeLayout (working to fix this) passed as View and a blur radius.
+```java
 mDrawerToggle.init(getActivity().findViewById(R.id.mylayout), 10);
 ```