Сегодня мы расскажем: как сделать нижнее меню для приложения.
В этом нам помогут Android Studio и Java.
Приступаем!
У Google для создания меню предусмотрена своя библиотека. Для её добавления в проект достаточно в Gradle приложения, в объект dependencies прописываем две строки:
implementation ‘com.android.support:appcompat-v7:26.1.0’
implementation ‘com.android.support:design:26.1.0’
После нажимаем Sync Now и ждем несколько секунд.
Теперь мы можем использовать BottomNavigationView (Компонент самого меню)
Далее в папке res создаем папку menu (new->Android Resources Directory), а в строке Directory Name и Resources Type указываем menu. В данной папке мы будем хранить файлы с кнопками, которые будут отображаться в меню.
Создание экземпляра меню
После создания папки menu нам нужно создать сам файл, в котором будут храниться кнопки для меню.
Кликаем ПКМ по папке menu и создаём Menu Resources (new->Menu Resources), даем название файлу.
Открываем этот файл, выбираем режим редактирования Code. Для создания кнопки существует тэг item. В случае, если мы делаем кнопки для меню, то он принимает два обязательных параметра: icon и title.
В параметр icon мы вставляем ссылку на картинку, которую хотим отображать в меню.
В параметр title указываем название, которое будет отображаться под кнопкой.
Также рекомендуем добавить тэг id, чтобы в будущем вы могли отслеживать нажатие кнопок.
Мы создали три кнопки и получился такой код:
<?xml version=»1.0″ encoding=»utf-8″?>
<menu xmlns:android=»http://schemas.android.com/apk/res/android»>
<item
android:id=»@+id/nav_1″
android:icon=»@drawable/ic_android_black_24dp»
android:title=»Вкладка 1″ />
<item
android:id=»@+id/nav_2″
android:icon=»@drawable/ic_android_black_24dp»
android:title=»Вкладка 2″
/>
<item
android:id=»@+id/nav_3″
android:icon=»@drawable/ic_android_black_24dp»
android:title=»Вкладка 3″ />
</menu>
Создание меню
Файл с кнопками готов. Можно приступить к самому главному — созданию меню.
В первую очередь, в активити куда вы хотите вставить меню, нужно изменить ConstraintLayout на RelativeLayout, далее создать тэг BottomNavigationView. Этот тэг и создаёт меню. Тэг принимает довольно много параметров, поэтому помещаем сюда код и всё комментируем:
<com.google.android.material.bottomnavigation.BottomNavigationView
android:id=»@+id/bottomNavigation» //ID для меню
android:layout_width=»match_parent» //установка ширины
android:layout_height=»wrap_content» //установка высоты
android:layout_alignParentBottom=»true» //прикрепляем меню к низу экрана
android:background=»?android:attr/colorActivatedHighlight» // установка фона
app:menu=»@menu/buttons» //наш файл с кнопками, который мы создавали
/>
Анимации и все остальное подтягиваются автоматически.
Итог
Выполнив всего несколько простых шагов, мы создали такое меню:
