Отрегулируйте размер значка плавающей кнопки действия (Fab)

Новая плавающая кнопка действия должна быть 56dp x 56dp, а значок внутри нее должен быть 24dp x 24dp . Таким образом, расстояние между значком и кнопкой должно быть 16dp .

<ImageButton
    android:id="@+id/fab_add"
    android:layout_width="56dp"
    android:layout_height="56dp"
    android:layout_gravity="bottom|right"
    android:layout_marginBottom="16dp"
    android:layout_marginRight="16dp"
    android:background="@drawable/ripple_oval"
    android:elevation="8dp"
    android:src="@drawable/ic_add_black_48dp" />

ripple_oval.xml

<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?android:colorControlHighlight">
    <item>
        <shape android:shape="oval">
            <solid android:color="?android:colorAccent" />
        </shape>
    </item>
</ripple>

И вот результат, который я получаю:

я использовал значок из \ material-design-icons-1.0.0 \ content \ drawable-hdpi \ ic_add_black_48dp.png
https://github.com/google/material-design-icons/releases /tag/1.0.1

Как сделать так, чтобы размер значка внутри кнопки был точно таким, как описано в рекомендациях?

http://www.google.com/design/spec/components/buttons.html#buttons-floating-action-button

Поскольку ваш контент 24dp x 24dp, вы должны использовать значок 24dp . А затем установите android:scaleType="center"в ImageButton, чтобы избежать автоматического изменения размера.

Сделать эту запись в размерах

<!--Floating action button-->
<dimen name="design_fab_image_size" tools:override="true">36dp</dimen>

Здесь 36dp - размер иконки на кнопке с плавающей запятой. Это установит размер 36dp для всех значков для плавающей кнопки действия.

Обновления в соответствии с комментариями

Если вы хотите установить размер иконки для определенной кнопки с плавающим действием, просто используйте атрибуты кнопки с плавающим действием, такие как app: fabSize = "normal" и android: scaleType = "center".

  <!--app:fabSize decides size of floating action button You can use normal, auto or mini as per need-->
  app:fabSize="normal" 

  <!--android:scaleType decides how the icon drawable will be scaled on Floating action button. You can use center(to show scr image as original), fitXY, centerCrop, fitCenter, fitEnd, fitStart, centerInside.-->
  android:scaleType="center"

Попробуйте использовать app:maxImageSize="56dp"вместо приведенных выше ответов после обновления библиотеки поддержки до версии 28.0.0.

Существует три ключевых атрибута XML для пользовательских FAB:

• app:fabSize: Либо «мини» (40 дп), «нормальный» (56 дп) (по умолчанию), либо «авто»
• app:fabCustomSize: Это будет определять общий размер FAB.
• app:maxImageSize: Это будет определять размер значка.

Пример:

app:fabCustomSize="64dp" 
app:maxImageSize="32dp"

Заполнение FAB (пространство между значком и фоновым кругом, иначе apple ) вычисляется неявным образом:

4-edge padding = (fabCustomSize - maxImageSize) / 2.0 = 16

Обратите внимание, что поля fab могут быть установлены обычными android:marginсвойствами тега xml.

В рекомендациях по проектированию определены два размера, и если нет веских причин для отклонения от одного из них, размер можно контролировать с помощью fabSizeатрибута XML FloatingActionButtonкомпонента.

Рассмотрите возможность указания с использованием либо, app:fabSize="normal"либо app:fabSize="mini", например:

<android.support.design.widget.FloatingActionButton
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:src="@drawable/ic_done_white_24px"
   app:fabSize="mini" />

<ImageButton
        android:background="@drawable/action_button_bg"
        android:layout_width="56dp"
        android:layout_height="56dp"
        android:padding="16dp"
        android:src="@drawable/ic_add_black_48dp"
        android:scaleType="fitXY"
        android:elevation="8dp"/>

На фоне предоставленного вами фона на моем устройстве появляется кнопка ниже (Nexus 7 2012)

Выглядит хорошо для меня.

Какова твоя цель?

Если установить размер изображения значка больше:

1. Убедитесь, что размер изображения больше, чем ваш целевой размер (so you can set max image size for your icon)

2. Размер моей целевой иконки - 84 дп, а размер потрясающего - 112 дп :

   <android.support.design.widget.FloatingActionButton
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_gravity="center"
       android:src= <image here>
       app:fabCustomSize="112dp"
       app:fabSize="auto"
       app:maxImageSize="84dp" />

Если вы используете androidx 1.0.0 и используете нестандартный размер, вы должны указать нестандартный размер, используя

app:fabCustomSize="your custom size in dp"

По умолчанию размер равен 56 dp, и есть еще один вариант, который представляет собой небольшой размер fab, равный 40 dp, если вы используете что-либо, вам нужно будет указать его для правильного расчета заполнения.

Как FABи ImageViewвы. Вы также можете использовать scaleTypeатрибут для изменения размера иконки ImageView. По умолчанию scaleTypeдля FABесть fitCenter. Вы можете использовать centerи centerInsideсделать значок маленьким и большим соответственно.

Все значения для scaleTypeатрибута - center, centerCrop, centerInside, fitCenter, fitEnd, fitStart, fitXYи matrix.

См. Https://developer.android.com/reference/android/widget/ImageView.ScaleType.html для получения дополнительной информации.

от ответа @ IRadha в настройках векторного рисования android:height="_dp" и установки типа масштаба, чтобы android:scaleType="center" установить для рисования любой размер, который был установлен

Вы можете играть со следующими настройками FloatingActionButton: android: scaleType и app: maxImageSize. Что касается меня, у меня есть желательный результат, если android: scaleType = "centerInside" и app: maxImageSize = "56dp".