Опубликовано

Создание меню для приложения

как создать меню для приложения

Сегодня мы расскажем: как сделать нижнее меню для приложения.
В этом нам помогут 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» //наш файл с кнопками, который мы создавали

   />

Анимации и все остальное подтягиваются автоматически.

Итог

Выполнив всего несколько простых шагов, мы создали такое меню:

создать меню приложения

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *