Добавьте плавающую кнопку действия

Попробуйте способ создания композиций.
Jetpack Compose — это рекомендуемый набор инструментов для создания пользовательского интерфейса для Android. Узнайте, как добавлять компоненты в Compose.

Плавающая кнопка действия (FAB) — это круглая кнопка, которая запускает основное действие в пользовательском интерфейсе вашего приложения. В этом документе показано, как добавить FAB в ваш макет, настроить некоторые параметры её внешнего вида и реагировать на нажатия кнопки.

Чтобы узнать больше о том, как разработать FAB для вашего приложения в соответствии с рекомендациями Material Design, см. Material Design FAB .

Изображение, демонстрирующее экран приложения с красной плавающей кнопкой действия (FloatingActionButton).
Рисунок 1. Плавающая кнопка действия (FAB).

Добавьте плавающую кнопку действия в свой макет.

Следующий код показывает, как FloatingActionButton отображается в вашем файле разметки:

<com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:src="@drawable/ic_my_icon"
        android:contentDescription="@string/submit"
        android:layout_margin="16dp" />

По умолчанию цвет кнопки FAB определяется атрибутом colorAccent , который можно настроить с помощью цветовой палитры темы .

Другие свойства FAB можно настроить с помощью XML-атрибутов или соответствующих методов, например, следующих:

  • Размер кнопки FAB задается с помощью атрибута app:fabSize или метода setSize()
  • Цвет пульсации кнопки FAB можно задать с помощью атрибута app:rippleColor или метода setRippleColor()
  • Значок FAB, созданный с помощью атрибута android:src или метода setImageDrawable()

Реагировать на нажатия кнопок

Затем вы можете применить View.OnClickListener для обработки нажатий на FAB. Например, следующий код отображает Snackbar когда пользователь нажимает на FAB:

Котлин

val fab: View = findViewById(R.id.fab)
fab.setOnClickListener { view ->
    Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
            .setAction("Action", null)
            .show()
}

Java

FloatingActionButton fab = findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Snackbar.make(view, "Here's a Snackbar", Snackbar.LENGTH_LONG)
                .setAction("Action", null).show();
    }
});

Для получения более подробной информации о возможностях FAB см. справочник API для FloatingActionButton .