Пример использования FloatingActionButton в Android | Prologistic.com.ua

Пример использования FloatingActionButton в Android

В этом уроке мы научимся интегрировать виджет FloatingActionButton в наше приложение на Android.

Краткий обзор виджета FloatingActionButton

Новый компонент FloatingActionButton появился в Android вместе с библиотекой Материального дизайна. Он используется для того, чтобы наиболее важные функции вашего приложения всегда были видны и доступны на экране в один тап (клик). Также виджет FloatingActionButton часто используется в паре со SnackBar.

Интеграция FloatingActionButton в приложение

Так как FloatingActionButton является частью библиотеки материального дизайна, то добавлять в зависимости приложения нужно именно ее. В файле build.gradle (Module: app) добавьте следующую строку в секции dependencies:

Версия в вашем приложении может отличаться, поэтому если среда разработки будет ругаться, попробуйте написать так:

А Android Studio уже сама подскажет вам нужную версию.

Сам FloatingActionButton виджет выглядит следующим образом:

Важные моменты:

  • FloatingActionButton является наследником класса ImageView. Атрибут android:src дает нам сразу это понять.
  • Обратите внимание на атрибут app:elevation, который используется для указания возвышения виджета над основным макетом с отбрасыванием тени при нажатии с помощью атрибута app:pressedTranslationZ.

Компоновка виджета FloatingActionButton

FloatingActionButton используется в макете CoordinatorLayout. Макет CoordinatorLayout дает гибкость в настройке и помогает быстро наладить взаимодействие между дочерними view .

Обратите внимание: желательно всегда использовать последние версии Android Studio и средств сборки проекта, иначе в определенный момент может появиться неприятная ошибка при сборке проекта.

Если вы используете последние версии среды разработки и средств сборки, то Android Studio сама интегрирует FloatingActionButton в приложение при создании проекта. Для этого создайте новый проект, как показано здесь, только вместо Empty Activity используйте Blank Activity:

SnackBarProject

После сборки проекта в папке /res/layout вы увидите 2 файла:

  • content_main.xml — с корневым RelativeLayout и TextView для контента нашего приложения.
  • activity_main.xml — с корневым CoordinatorLayout и виджетами Toolbar и FloatingActionButton

Содержимое activity_main.xml представлено ниже:

Как видно из содержимого макета, activity_main.xml является контейнером с разметкой базовых виджетов приложения, включая FloatingActionButton, а сам контент нашего приложения будет находиться в content_main.xml. Его мы вложили с помощью одиночного тега <include/>.

В коде наш FloatingActionButton инициализируется следующим образом:

Инициализация и установка слушателей на FloatingActionButton ничем не отличается от привычных нам виджетов Button, ImageButton, RadioButton или других.

Подписывайтесь на новые статьи по Android и Java.

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

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