From 405b3da398b042d450dc2e3e542eadd0a20a9b0e Mon Sep 17 00:00:00 2001
From: Yuichi Araki <yaraki@google.com>
Date: Thu, 19 Feb 2015 18:07:51 +0900
Subject: [PATCH] Add NavigationView usage to SupportDesignDemos

Change-Id: Ia9a4070dcae554970f0205a575d218fcb190f226
---
 .../SupportDesignDemos/AndroidManifest.xml    |   9 ++
 .../ic_action_navigation_menu.png             | Bin 0 -> 278 bytes
 .../res/drawable-hdpi/ic_android.png          | Bin 0 -> 358 bytes
 .../ic_action_navigation_menu.png             | Bin 0 -> 137 bytes
 .../res/drawable-mdpi/ic_android.png          | Bin 0 -> 226 bytes
 .../ic_action_navigation_menu.png             | Bin 0 -> 273 bytes
 .../res/drawable-xhdpi/ic_android.png         | Bin 0 -> 367 bytes
 .../ic_action_navigation_menu.png             | Bin 0 -> 550 bytes
 .../res/drawable-xxhdpi/ic_android.png        | Bin 0 -> 557 bytes
 .../res/drawable-xxxhdpi/ic_android.png       | Bin 0 -> 687 bytes
 .../res/layout/design_navigation.xml          |  55 ++++++++
 .../res/layout/design_navigation_header.xml   |  26 ++++
 .../res/menu/navigation.xml                   |  71 ++++++++++
 .../res/values-v21/styles.xml                 |  25 ++++
 .../SupportDesignDemos/res/values/strings.xml |  17 +++
 .../SupportDesignDemos/res/values/styles.xml  |  13 ++
 .../design/widget/NavigationViewUsage.java    | 132 ++++++++++++++++++
 17 files changed, 348 insertions(+)
 create mode 100644 samples/SupportDesignDemos/res/drawable-hdpi/ic_action_navigation_menu.png
 create mode 100644 samples/SupportDesignDemos/res/drawable-hdpi/ic_android.png
 create mode 100644 samples/SupportDesignDemos/res/drawable-mdpi/ic_action_navigation_menu.png
 create mode 100644 samples/SupportDesignDemos/res/drawable-mdpi/ic_android.png
 create mode 100644 samples/SupportDesignDemos/res/drawable-xhdpi/ic_action_navigation_menu.png
 create mode 100644 samples/SupportDesignDemos/res/drawable-xhdpi/ic_android.png
 create mode 100644 samples/SupportDesignDemos/res/drawable-xxhdpi/ic_action_navigation_menu.png
 create mode 100644 samples/SupportDesignDemos/res/drawable-xxhdpi/ic_android.png
 create mode 100644 samples/SupportDesignDemos/res/drawable-xxxhdpi/ic_android.png
 create mode 100644 samples/SupportDesignDemos/res/layout/design_navigation.xml
 create mode 100644 samples/SupportDesignDemos/res/layout/design_navigation_header.xml
 create mode 100644 samples/SupportDesignDemos/res/menu/navigation.xml
 create mode 100644 samples/SupportDesignDemos/res/values-v21/styles.xml
 create mode 100644 samples/SupportDesignDemos/src/com/example/android/support/design/widget/NavigationViewUsage.java

diff --git a/samples/SupportDesignDemos/AndroidManifest.xml b/samples/SupportDesignDemos/AndroidManifest.xml
index f998dccc3..8fcdf3827 100644
--- a/samples/SupportDesignDemos/AndroidManifest.xml
+++ b/samples/SupportDesignDemos/AndroidManifest.xml
@@ -45,6 +45,15 @@
             </intent-filter>
         </activity>
 
+        <activity android:name=".widget.NavigationViewUsage"
+                  android:label="@string/design_navigation"
+                  android:theme="@style/Theme.Navigation">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+                <category android:name="com.example.android.support.design.SAMPLE_CODE" />
+            </intent-filter>
+        </activity>
+
         <activity android:name=".widget.TabLayoutUsage"
                   android:label="@string/design_tabs_basic"
                   android:theme="@style/Theme.Design">
diff --git a/samples/SupportDesignDemos/res/drawable-hdpi/ic_action_navigation_menu.png b/samples/SupportDesignDemos/res/drawable-hdpi/ic_action_navigation_menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..743fd7dadad4e0e487ac3e100b14fd40703e8c0d
GIT binary patch
literal 278
zcmV+x0qOpUP)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm0002pNkl<ZXhZFm
z%MHUY3`3=riq4eI)Xr3NCH2y40n%a=7+}uS?@_jsvH6#q_a7eMY6tCr9cU8p3N-<?
z!|gyDVKadpXaa19+krO1W&+rOsyZU#(X5AtKQr@%h&=#8X+fiRV4;bT5O{?~x>+dV
z0T!T1LtqE0>J|}qY4!if-kJG9YB2-&9YBcwH2Q0F`xPSSjY{D&FxnMS%mWaxPLaY6
z_;;G)f66tw_d~`3oKwSRV6G*uk_X^;>D6{X&y>q(2RL4OwH?qi<ucj<j+b6-2lPz2
cjN3c#1!3nhG5I6fIRF3v07*qoM6N<$f=3Q^@Bjb+

literal 0
HcmV?d00001

diff --git a/samples/SupportDesignDemos/res/drawable-hdpi/ic_android.png b/samples/SupportDesignDemos/res/drawable-hdpi/ic_android.png
new file mode 100644
index 0000000000000000000000000000000000000000..94b8fb1fa04ec19ebb35c408c3ee73b814bb8747
GIT binary patch
literal 358
zcmV-s0h#`ZP)<h;3K|Lk000e1NJLTq001Na001Ni1ONa4O9@aD0003kNkl<ZcmeIy
zKS~2Z6vy#N6px^tg@h<JHWE*wpoLZ*;S1_QGG|c1BM5??VT&z1LH;yi8bd%xwOT%x
zWr|(i;JzSs$+yU>KF$0R7yEF@J6&9)17;lKbdFei%=us!M~4fNqH}gi=94MgcF3{M
zoEfi3rL1HMa2aTWXC%@i>&rlGUJ&9v(XvBV$S+}qw#bnpkE;O=Uw-Fo+MpYxEXCI#
zPa3Xk8<ZgpWj1Kh2rX<-AKy^l2HA^1M~un2qm4rhIo5dKn+d%-G)Br!%+Oi5Ms-L+
z12Z(J+!4r|A-{rF(7!`}U-o3_-`Z)ohIOdNh@4wmW~j|QUko`65V~n2^Je>F>yqG+
zP>L@~E6<V8F+utr^&71qHBmJ`6Qn1q=4XTSMD_f1KVg`(6#e2><NyEw07*qoM6N<$
Ef_=f46951J

literal 0
HcmV?d00001

diff --git a/samples/SupportDesignDemos/res/drawable-mdpi/ic_action_navigation_menu.png b/samples/SupportDesignDemos/res/drawable-mdpi/ic_action_navigation_menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..4fa2c22e84d4f7ea415915ae6a6788b1f32c1fc3
GIT binary patch
literal 137
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=ffJ08bakkO=p;Q+Dz)7;qffF>}*@
zj+vc40vUcyhqidwOmj4pk$NZ3!@$Vlus~(P%<CUlsLYL@dzaZ_+xskqhk5MB)-Mn~
kG11*g<p@v(1Cu~S)ockx*4?3}fo3y!y85}Sb4q9e0GNX-(EtDd

literal 0
HcmV?d00001

diff --git a/samples/SupportDesignDemos/res/drawable-mdpi/ic_android.png b/samples/SupportDesignDemos/res/drawable-mdpi/ic_android.png
new file mode 100644
index 0000000000000000000000000000000000000000..afc43dbdd4e389365e758dc0927fe669c88f3584
GIT binary patch
literal 226
zcmeAS@N?(olHy`uVBq!ia0vp^5+KaM0wlfaz7_+im7Xq+Ar*{ICmC`v8H%vhtIj)k
zsQE_3jS6YU8P+>CJXp!%=sNpomi`9ui11bpHn~ofOdXvwChKQp+HL%C(danSG?R!9
z!OaVj56`q_R@bshdz#?Y&Ar1&lQmiD4!gM9&xF5WKAYlK*AyI4wRqBOCwb?S<3xiS
zMghq?OpHWq3T-|$^04mmWRt9ys42WQYu+l63g^Zf>R)4j>Q`#U+4Gg~uPs_oopE#z
ZgHE29^7mlPPN1V1JYD@<);T3K0RS#_QELDI

literal 0
HcmV?d00001

diff --git a/samples/SupportDesignDemos/res/drawable-xhdpi/ic_action_navigation_menu.png b/samples/SupportDesignDemos/res/drawable-xhdpi/ic_action_navigation_menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..595da84a5fcd37b2e4c2666630516bf18244ac17
GIT binary patch
literal 273
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=H#}V&Ln`9lPCLlkV8FvXd*+RL
zmNc!T)@s*pAGe2CKc8Uv^!}9J_G}7_PdOtRix^^>!VYjvQBPn!#rQ!#fpv{TB~#b}
z8HWE%JD9%TD;Ksk{ygEk1cT?>>mCl(tQwZLODfoNjGgW$GnniYnai@oXVR|&EEViq
z?lTHq@MDOz0?KpdktRQZVOC6+A5)N;XRQZ=ub!(qqvqr#b}9{O(-%!{nBo~EFXS-U
b`(kZ*nt`L~R?|~JKQef_`njxgN@xNA8%ScK

literal 0
HcmV?d00001

diff --git a/samples/SupportDesignDemos/res/drawable-xhdpi/ic_android.png b/samples/SupportDesignDemos/res/drawable-xhdpi/ic_android.png
new file mode 100644
index 0000000000000000000000000000000000000000..74c6f686a90b1a6c589f7cd906d516fb4d849f5b
GIT binary patch
literal 367
zcmV-#0g(QQP)<h;3K|Lk000e1NJLTq001xm001xu1ONa4{R=S+0003tNkl<ZcmeI!
zKTg6y5XJGW#L|X_L^R&VSlQUyQuz&qmmq;~1LGNpF&;o^=<GED4S!-|1Xc^OiLcl&
z^D8J^UN^IOpN33+A@^g*3w1&!4Mq%dF9Nv?iHtHtgI6L?exS~1OPq1bBV*RT`QU*z
z&29ZNM-D)U2^*qh#WdBM08NXS$u*%Ga6`;yL#qmKl`Bugr59-ON!%d|j(xy=stAO?
zr82wo0H>^W2G*R|fi}^QwjCIlfPo!&Hvw;U;L8Mj8v#f54;<2G$$}oW^cS>5I~1Uw
zo_3vpbSSV)%ef1X4gsXl2S~@i1PV}q0u*48Rx>9c9SZc)vf~7#LxCDy=FI4D-~^;Y
z0nOA@Kem5WTre@zpBn&4BqcZ7Cs2R_=zWn{bwKZn%&G%=UxLo^`2k@jUT9Ba0j~f6
N002ovPDHLkV1iY>lga=9

literal 0
HcmV?d00001

diff --git a/samples/SupportDesignDemos/res/drawable-xxhdpi/ic_action_navigation_menu.png b/samples/SupportDesignDemos/res/drawable-xxhdpi/ic_action_navigation_menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..3ebee249a566a38b10cd9c391ab29d7a32d55477
GIT binary patch
literal 550
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7Ro>V0`Q8;uum9_jbm`%%cthN8Zf3
zRL{BcWTqp#U~})i?*^wm^UoK2znbs$V4h$8kEsnG=PNLBN(f8z=Q9f#s2RxJXH!Y=
zNwC?+>v3Slfr=XG2@QsgAAguBFeWoS{+R2)bd2TL<J%1^J)Awqw-clBK{wO9=RalV
zdrQ{e|9-w+Tw8hq!#YjIIajZ;$s90R#A&cXu0-tt!!*I#UWUgX;@^hY9g1&Foukdj
zcD4B&3#t;|2FI@pj2YQC^kgvctYV+r)ez^rvyr7BY;T*~hM-03E4g2BJ^Hu1$zt`o
z1<YYyUrfU%6#eR-rWJm{JyP?yS3}d(>1qv|gC=nXZ1{8usLjiWkt-~27Q;C&Pc?^w
zr@TcO_p+)s2wQmUd#1UF_dyuQq&R2(2+fP@6j-(OfiA3DGU=4L!kRe_OcvUzGZ}z_
zz6|M0RfHELJYCB9V9k^iCXqFJOc>`(o#aE%HsJ%2nkQK_A}TY<HtZL>m9<CWBBmz`
Qf$`7a>FVdQ&MBb@0K?eU*#H0l

literal 0
HcmV?d00001

diff --git a/samples/SupportDesignDemos/res/drawable-xxhdpi/ic_android.png b/samples/SupportDesignDemos/res/drawable-xxhdpi/ic_android.png
new file mode 100644
index 0000000000000000000000000000000000000000..5cb6acd8d38af4ca1eb215e79c3b367d53e80e84
GIT binary patch
literal 557
zcmV+|0@D47P)<h;3K|Lk000e1NJLTq002k;002k`1ONa4|Kxkj0005>Nkl<ZcmeI$
zziL!b5XbSWi5pz)w6GFHd=ndMn;`fABHDcm%fzHo1B-=)7*e>JPJII#jjRgdf`5vH
zq(~{Nm4fk(a0m+-IK$oS?}EbFZ#f6%!&bwsn*X@ZFM1rInxJDm<|ntPnpV-YS!xX9
zVN7zIXBft=2;^GBQja*=kn<c%-EIdo!&5A^x=%XK4b~a*otl~vAL(<AvuW1h1(v!;
zB?LLr6D+mH6*jO;FS$JC+@%tO9I1~@&>bo@$aj+6#+=X0wGBGMJ8Xhpb4m<yoUhn~
z4LRKwsLOlo5N$Bm4rmoSWDnW^UBag5q8c>Imjer`l)3WLPt0gRSFx!;#=I6Zm>Tp-
z3A%s@I;R8Olz^`5K<g4vUk4gWKp%9Vkp%Qj2ilW>ehWbA^q>Md!7@AiVVfnoRQs8z
zcuUH2-eThhbhV&hO9r%z9cWPt3btfGJMQV078GpBfNJ-&)`Eg98Ibu}0hzCW3aEez
zsDKKnfC{L93g~|Y{rgA$wtKp%1qE9&pe6ToK?@4DWI$a8*tj<w*Mf3e9LSLt*<z1P
z7Scm0DB9vdaX%!Sk?#9YPXb!efjaaUP5JMv(9wW==4(DJpaLqO0xF>PLGis8PxYYq
v-ixPtP<&O!Q#~lYDw|K`py1w%r_K8d)*RWtgax>D00000NkvXXu0mjf*d_dz

literal 0
HcmV?d00001

diff --git a/samples/SupportDesignDemos/res/drawable-xxxhdpi/ic_android.png b/samples/SupportDesignDemos/res/drawable-xxxhdpi/ic_android.png
new file mode 100644
index 0000000000000000000000000000000000000000..e302a0784f1243d0d8af9b9e4c7b1a3ea6381a72
GIT binary patch
literal 687
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD0wg^q?%&M7z*Oex;uuoF`1Y2scSxbg@sHe&
zFTFHgG)__ISYRGF`@mYm*^4&#`X5Q?y6<`+x<jFwH<xK~u0k%Wyu(DZKt1M86<J@2
zo$BJT9v=@pyl0utajs_i=lvgkH|+RvU-MO6#>Ru?$26qM=JQ_L8Tb8X)2_b`0=u?I
zovruiR9JJ2*=)kG7Wew++}a--40rKz_OJf=rs%Nff-6BBhwnV*ogcB>xiX+V|IEi(
z)^oz2-Cxqd@}lLkO|oF1_RQy+&LTD!pI0-N9EvUzaE{({`T1_95~s6Ye%diCeZG~E
zU*i{l#>Qaj4JR}9Gv<0Nag06on=?bXS6lME_yaN3OU>UT-?BfDl3n7STVyF!FiCVt
z``Kb8u@6iy3xg*%a3BBkdd<Gchi9J8Ei~gZX#OIju&0M<&cp583l0bHBybfna=eu|
zAoS=;4a)<iM`0%|>kq^p*?9Y3gJk#t?fL_Av>z<Cf3RBnLAQOvY0(d-<u|<Ndhv_-
zk+(w)r$oxE)Ng!INnMT3_dAQP$yzmd*SP)5?420Vu<tOF#2Pv4FE3U`G$gij&2a0>
zG!jd=v5;xn#N?<RR*A9|4Yp6^EJZ*<E}BvbUYs5dOhOL=nS>@Zu&5|7g1Io}f%@8=
ztN+hPQv@mxO#N$l*+u8T24_~D4Q(=+rvF4I?{j7k>D^HFWMg6%$Tp@GUnc8ps=mM^
zJk?5M!TSJ)Z&n@2xBun8vfsg!_LnjIrpugPCq?5OTr19RJ1l=b$Minu0u`@s#otiu
zX83J8>2Hk9fx7x+dvX2^_wT=W{)q8gwaV|E6%BvoPS)wkEx3RG#(C4X{JcxrUgxpr
RodPCA22WQ%mvv4FO#sNPFK7S&

literal 0
HcmV?d00001

diff --git a/samples/SupportDesignDemos/res/layout/design_navigation.xml b/samples/SupportDesignDemos/res/layout/design_navigation.xml
new file mode 100644
index 000000000..22e900a70
--- /dev/null
+++ b/samples/SupportDesignDemos/res/layout/design_navigation.xml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+     Copyright (C) 2015 The Android Open Source Project
+
+     Licensed under the Apache License, Version 2.0 (the "License");
+     you may not use this file except in compliance with the License.
+     You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+     Unless required by applicable law or agreed to in writing, software
+     distributed under the License is distributed on an "AS IS" BASIS,
+     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     See the License for the specific language governing permissions and
+     limitations under the License.
+-->
+<android.support.v4.widget.DrawerLayout
+        xmlns:android="http://schemas.android.com/apk/res/android"
+        xmlns:app="http://schemas.android.com/apk/res-auto"
+        android:id="@+id/drawer_layout"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:fitsSystemWindows="true">
+
+    <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:orientation="vertical">
+
+        <android.support.v7.widget.Toolbar
+                android:id="@+id/toolbar"
+                android:layout_height="wrap_content"
+                android:layout_width="match_parent"
+                android:minHeight="?attr/actionBarSize"
+                android:background="?attr/colorPrimary"
+                android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
+                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>
+
+        <TextView
+                android:id="@+id/message"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:gravity="center"
+                android:text="@string/navigation_1"
+                android:textAppearance="?android:attr/textAppearanceLarge"/>
+
+    </LinearLayout>
+
+    <android.support.design.widget.NavigationView
+            android:id="@+id/navigation"
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:layout_gravity="start"/>
+
+</android.support.v4.widget.DrawerLayout>
diff --git a/samples/SupportDesignDemos/res/layout/design_navigation_header.xml b/samples/SupportDesignDemos/res/layout/design_navigation_header.xml
new file mode 100644
index 000000000..a03f0bb5b
--- /dev/null
+++ b/samples/SupportDesignDemos/res/layout/design_navigation_header.xml
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+     Copyright (C) 2015 The Android Open Source Project
+
+     Licensed under the Apache License, Version 2.0 (the "License");
+     you may not use this file except in compliance with the License.
+     You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+     Unless required by applicable law or agreed to in writing, software
+     distributed under the License is distributed on an "AS IS" BASIS,
+     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     See the License for the specific language governing permissions and
+     limitations under the License.
+-->
+
+<TextView xmlns:android="http://schemas.android.com/apk/res/android"
+          android:layout_width="match_parent"
+          android:layout_height="wrap_content"
+          android:minHeight="180dp"
+          android:padding="16dp"
+          android:background="?attr/colorPrimary"
+          android:gravity="bottom|start"
+          android:text="@string/navigation_header"
+          android:textAppearance="?android:attr/textAppearanceLargeInverse"/>
diff --git a/samples/SupportDesignDemos/res/menu/navigation.xml b/samples/SupportDesignDemos/res/menu/navigation.xml
new file mode 100644
index 000000000..b399ef3a9
--- /dev/null
+++ b/samples/SupportDesignDemos/res/menu/navigation.xml
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+     Copyright (C) 2015 The Android Open Source Project
+
+     Licensed under the Apache License, Version 2.0 (the "License");
+     you may not use this file except in compliance with the License.
+     You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+     Unless required by applicable law or agreed to in writing, software
+     distributed under the License is distributed on an "AS IS" BASIS,
+     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     See the License for the specific language governing permissions and
+     limitations under the License.
+-->
+<menu xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <!-- Main items -->
+    <group android:checkableBehavior="single">
+        <item
+                android:id="@+id/navigation_item_1"
+                android:checked="true"
+                android:icon="@drawable/ic_android"
+                android:title="@string/navigation_item_1"/>
+        <item
+                android:id="@+id/navigation_item_2"
+                android:icon="@drawable/ic_android"
+                android:title="@string/navigation_item_2"/>
+        <item
+                android:id="@+id/navigation_item_3"
+                android:icon="@drawable/ic_android"
+                android:title="@string/navigation_item_3"/>
+        <item
+                android:id="@+id/navigation_item_disabled"
+                android:icon="@drawable/ic_android"
+                android:title="@string/navigation_item_4"
+                android:enabled="false"/>
+        <item
+                android:id="@+id/navigation_invisible"
+                android:icon="@drawable/ic_android"
+                android:title="@string/navigation_invisible"
+                android:visible="false"/>
+    </group>
+
+    <item
+            android:id="@+id/navigation_subheader"
+            android:title="@string/navigation_subheader">
+        <menu>
+            <item
+                    android:id="@+id/navigation_sub_item_1"
+                    android:icon="@drawable/ic_android"
+                    android:title="@string/navigation_sub_item_1"/>
+            <item
+                    android:id="@+id/navigation_sub_item_2"
+                    android:icon="@drawable/ic_android"
+                    android:title="@string/navigation_sub_item_2"/>
+        </menu>
+    </item>
+
+    <group android:id="@+id/aligned_items">
+        <item
+                android:id="@+id/navigation_with_icon"
+                android:icon="@drawable/ic_android"
+                android:title="@string/navigation_item_with_icon"/>
+        <item
+                android:id="@+id/navigation_without_icon"
+                android:title="@string/navigation_item_without_icon"/>
+    </group>
+
+</menu>
diff --git a/samples/SupportDesignDemos/res/values-v21/styles.xml b/samples/SupportDesignDemos/res/values-v21/styles.xml
new file mode 100644
index 000000000..8faf5e6b7
--- /dev/null
+++ b/samples/SupportDesignDemos/res/values-v21/styles.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+     Copyright (C) 2015 The Android Open Source Project
+
+     Licensed under the Apache License, Version 2.0 (the "License");
+     you may not use this file except in compliance with the License.
+     You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+     Unless required by applicable law or agreed to in writing, software
+     distributed under the License is distributed on an "AS IS" BASIS,
+     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     See the License for the specific language governing permissions and
+     limitations under the License.
+-->
+
+<resources>
+
+    <style name="Theme.Navigation" parent="Theme.Navigation.Base">
+        <item name="android:statusBarColor">@android:color/transparent</item>
+        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
+    </style>
+
+</resources>
diff --git a/samples/SupportDesignDemos/res/values/strings.xml b/samples/SupportDesignDemos/res/values/strings.xml
index 7bcfb814e..b2cb6d743 100644
--- a/samples/SupportDesignDemos/res/values/strings.xml
+++ b/samples/SupportDesignDemos/res/values/strings.xml
@@ -18,12 +18,29 @@
     <string name="activity_sample_code">Support Design Demos</string>
 
     <string name="design_fab">Floating Action Button/Basic</string>
+    <string name="design_navigation">NavigationView/Usage</string>
     <string name="design_tabs_basic">TabLayout/Usage</string>
     <string name="design_text_input">Text Input</string>
 
     <string name="fab_size_normal">Normal size</string>
     <string name="fab_size_mini">Mini size</string>
 
+    <string name="navigation_open">Open</string>
+    <string name="navigation_close">Close</string>
+    <string name="navigation_item_with_icon">Item with icon</string>
+    <string name="navigation_item_without_icon">Item without icon</string>
+    <string name="navigation_message">Clicked: \"%s\"</string>
+    <string name="navigation_header">Header</string>
+    <string name="navigation_item_1">Item 1</string>
+    <string name="navigation_item_2">Item 2</string>
+    <string name="navigation_item_3">Item 3</string>
+    <string name="navigation_item_4">Item 4 (disabled)</string>
+    <string name="navigation_1">1</string>
+    <string name="navigation_invisible">Invisible</string>
+    <string name="navigation_subheader">Subheader</string>
+    <string name="navigation_sub_item_1">Subitem 1</string>
+    <string name="navigation_sub_item_2">Subitem 2</string>
+
     <string name="tabs_fixed">Fixed</string>
     <string name="tabs_scrollable">Scrollable</string>
     <string name="tabs_gravity_center">Center</string>
diff --git a/samples/SupportDesignDemos/res/values/styles.xml b/samples/SupportDesignDemos/res/values/styles.xml
index ec0588890..a63f93f33 100644
--- a/samples/SupportDesignDemos/res/values/styles.xml
+++ b/samples/SupportDesignDemos/res/values/styles.xml
@@ -30,4 +30,17 @@
         <item name="colorAccent">#ff0000</item>
     </style>
 
+    <style name="Theme.Navigation.Base" parent="Theme.AppCompat.Light.NoActionBar">
+        <item name="colorPrimary">#607D8B</item>
+        <item name="colorPrimaryDark">#455A64</item>
+        <item name="colorAccent">#FFAB40</item>
+        <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
+    </style>
+
+    <style name="DrawerArrowStyle" parent="Widget.AppCompat.DrawerArrowToggle">
+        <item name="spinBars">false</item>
+    </style>
+
+    <style name="Theme.Navigation" parent="Theme.Navigation.Base"/>
+
 </resources>
\ No newline at end of file
diff --git a/samples/SupportDesignDemos/src/com/example/android/support/design/widget/NavigationViewUsage.java b/samples/SupportDesignDemos/src/com/example/android/support/design/widget/NavigationViewUsage.java
new file mode 100644
index 000000000..46a57b542
--- /dev/null
+++ b/samples/SupportDesignDemos/src/com/example/android/support/design/widget/NavigationViewUsage.java
@@ -0,0 +1,132 @@
+/*
+ * Copyright (C) 2015 The Android Open Source Project
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.example.android.support.design.widget;
+
+import com.example.android.support.design.R;
+
+import android.os.Bundle;
+import android.support.design.widget.NavigationView;
+import android.support.v4.view.GravityCompat;
+import android.support.v4.widget.DrawerLayout;
+import android.support.v7.app.AppCompatActivity;
+import android.support.v7.widget.Toolbar;
+import android.util.TypedValue;
+import android.view.MenuItem;
+import android.view.View;
+import android.widget.TextView;
+import android.widget.Toast;
+
+/**
+ * This demonstrates basic usage of NavigationView
+ */
+public class NavigationViewUsage extends AppCompatActivity {
+
+    private DrawerLayout mDrawerLayout;
+
+    private TextView mTextMessage;
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.design_navigation);
+
+        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
+        mTextMessage = (TextView) findViewById(R.id.message);
+
+        // Set the color of status bar
+        TypedValue value = new TypedValue();
+        getTheme().resolveAttribute(R.attr.colorPrimaryDark, value, true);
+        mDrawerLayout.setStatusBarBackgroundColor(value.data);
+
+        // Retrieve the Toolbar from our content view, and set it as the action bar
+        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
+        setSupportActionBar(toolbar);
+
+        // Toggle icon
+        toolbar.setNavigationIcon(R.drawable.ic_action_navigation_menu);
+        toolbar.setNavigationOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View view) {
+                mDrawerLayout.openDrawer(GravityCompat.START);
+            }
+        });
+
+        // Menu
+        NavigationView navigation = (NavigationView) findViewById(R.id.navigation);
+        getMenuInflater().inflate(R.menu.navigation, navigation.getMenu());
+        navigation.setNavigationItemSelectedListener(mNavigationItemSelectedListener);
+        navigation.inflateHeaderView(R.layout.design_navigation_header);
+    }
+
+    private NavigationView.OnNavigationItemSelectedListener mNavigationItemSelectedListener
+            = new NavigationView.OnNavigationItemSelectedListener() {
+        @Override
+        public boolean onNavigationItemSelected(MenuItem item) {
+            if (handleNavigationItemSelected(item)) {
+                mDrawerLayout.closeDrawers();
+                return true;
+            }
+            return false;
+        }
+    };
+
+    private boolean handleNavigationItemSelected(MenuItem item) {
+        switch (item.getItemId()) {
+            case R.id.navigation_item_1:
+                mTextMessage.setText("1");
+                item.setChecked(true);
+                return true;
+            case R.id.navigation_item_2:
+                mTextMessage.setText("2");
+                item.setChecked(true);
+                return true;
+            case R.id.navigation_item_3:
+                mTextMessage.setText("3");
+                item.setChecked(true);
+                return true;
+            case R.id.navigation_sub_item_1:
+                showToast(R.string.navigation_sub_item_1);
+                return true;
+            case R.id.navigation_sub_item_2:
+                showToast(R.string.navigation_sub_item_2);
+                return true;
+            case R.id.navigation_with_icon:
+                showToast(R.string.navigation_item_with_icon);
+                return true;
+            case R.id.navigation_without_icon:
+                showToast(R.string.navigation_item_without_icon);
+                return true;
+            default:
+                return false;
+        }
+    }
+
+    private void showToast(int res) {
+        Toast.makeText(this, getString(R.string.navigation_message, getString(res)),
+                Toast.LENGTH_SHORT).show();
+    }
+
+    @Override
+    public void onBackPressed() {
+        if (mDrawerLayout.isDrawerOpen(GravityCompat.START)) {
+            mDrawerLayout.closeDrawer(GravityCompat.START);
+        } else {
+            super.onBackPressed();
+        }
+    }
+
+}