Ищете руководство о том, как создать эти две кнопки в виде кнопок с плавающим действием

Question

Я хотел бы создать несколько кнопок, которые вы видите на картинке (маленькие зеленые + и красные -) кнопки.Я искал эти кнопки в документах по дизайну материала, но ничего не нашел по этим конкретным маленьким кнопкам.

1. Это просто маленькие FAB или они что-то другое?

2. Кто-нибудь знает, как заново создать эти кнопки, если они являются или не являются FAB-файлами?

Я взял этот снимок экрана по умолчаниюПриложение Samsung Contacts в Орео.

Answer 1

Это просто маленькие FAB, или они чем-то отличаются?

Вы можете сказать, что это могут быть маленькие FAB с использованием собственного фона или просмотр с использованием собственного фона

Кто-нибудь знает, как заново создать эти кнопки, если они являются или не являются FAB-файлами?

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

1. создайте новый объект рисования, подобный этому

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="@android:color/white"/>
    <stroke android:color="@color/gray22"
        android:width="1dp"/>
</shape>

2. Наконец добавьте пользовательский фон в макет:

<ImageButton
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:layout_gravity="end|bottom"
        android:layout_margin="24dp"
        android:background="@drawable/a_fab"
        android:src="@drawable/your_icon"/>

И если вы хотите использовать Fab u, попробуйте следующее:

1. Создайте новый рисунок, подобный этому

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">


    <item>
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="oval">
            <solid android:color="@android:color/white"/>
            <stroke android:color="@color/gray22"
                android:width="1dp"/>
        </shape>

    </item>

    <!-- for icon -->
    <item android:gravity="center" android:top="8dp" android:left="8dp"
        android:right="8dp" android:bottom="8dp">
        <bitmap android:src="@drawable/your_icon
            android:gravity="center" />

    </item>

</layer-list>

2. Добавьте этот код в Dimens.xml

<dimen name="design_fab_image_size" tools:override="true">56dp</dimen> 

3. Наконец добавьте пользовательский фон в свой макет

<android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:layout_margin="24dp"
        android:src="@drawable/a_fab"/>

Справочник по использованию FAB this