[Из песочницы] Navigation Drawer в стиле Material Design за 5 минут

imageВ данной статье я расскажу, как быстро добавить в ваше приложение для Android боковое меню (aka Navigation Drawer) в стиле Material Design. Для этого мы воспользуемся библиотекой, любезно предоставленной Mike Penz.У вас получится Navigation Drawer, который:

Соответствует последним рекомендациям по дизайну (Google Material Design Guidelines); Поддерживает использование нескольких Drawer (можно выдвигать второй справа); Поддерживает использование бейджей; Имеет простой и понятный интерфейс (API); Может выползать как под, так и поверх Status Bar; Позволяет менять иконки, цвета, бейджи во время выполнения; Использует AppCompat support library; Работает, начиная с API 14. Помимо этого, новички обучатся интеграции сторонних библиотек в свой проект, что крайне полезно, учитывая их грандиозное разнообразие на Github.Создание проектаВ примере будет использоваться интегрированная среда разработки Android Studio от компании Google, основанная на IntelliJ IDEA, которую сама корпорация активно продвигает. Все действия можно воспроизвести используя и другие среды, например, Eclipse. Однако статья ориентирована на новичков, а они будут в большинстве своем использовать именно Android Studio, так как именно его Google теперь и предлагает при скачивании Android SDK с developer.android.com (ранее можно было скачать Eclipse).Итак, выбираем в меню «File» → «New Project…»:

89827af492db472abdfc8dc8a7a6824d.png

Заполняем имя приложения, пакета, выбираем SDK.

Создавать проект мы будем с поддержкой минимального API Level равного 14, что соответствует Android 4.0 Ice Cream Sandwich, поскольку всё, что ниже, составляет менее 8% аудитории и привносит несоизмеримо большее количество головной боли:

image

В последних двух окнах оставляем все по умолчанию, жмем «Finish».

Android Support Library Для того, чтобы красивый Navigation Drawer работал на версиях Android ниже 5.0 и выглядел в стиле Material Design, необходимо включить в проект библиотеку поддержки от Google, которая носит название v7 appcompat library. В текущей версии Android Studio (1.0.2) библиотека подключается по умолчанию при создании проекта. Проверьте это в файле проекта \app\build.gradle, в разделе dependencies должна быть строка (цифры могут быть не обязательно »21.0.3»): compile 'com.android.support: appcompat-v7:21.0.3' , а класс MainActivity должен наследоваться от ActionBarActivity public class MainActivity extends ActionBarActivity { Также проверьте в \res\values\styles.xml, чтобы тема приложения наследовалась от Theme.AppCompat или ее вариаций без ActionBar (мы заменим ActionBar на ToolBar), например: