Налаштування розміру піктограми плаваючої кнопки дії (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 \ dravable-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 для всіх піктограм для плаваючої кнопки дії.

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

Якщо ви хочете встановити розмір піктограми для конкретної кнопки "Плаваюча дія", просто перейдіть з атрибутами кнопки "Плаваюча дія", наприклад додаток: fabSize = "нормальний" та android: scaleType = "центр".

  <!--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"замість вищезазначених відповідей після оновлення бібліотеки підтримки до v28.0.0

Існують три ключові атрибути XML для користувацьких FAB:

• app:fabSize: Або "міні" (40dp), "normal" (56dp) (за замовчуванням) або "auto"
• app:fabCustomSize: Це визначить загальний розмір FAB.
• app:maxImageSize: Це визначить розмір піктограми.

Приклад:

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

Прокладка FAB (пробіл між піктограмою та фоновим колом, відомий також пульсацією ) обчислюється неявно шляхом:

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

Зауважте, що поля файлу можна встановити за допомогою звичайних android:marginвластивостей тегів xml.

Настанови щодо проектування визначають два розміри, і якщо немає вагомих причин відхилятися від використання будь-якого, розмір можна керувати fabSizeатрибутом XMLFloatingActionButton компонента.

Розглянемо визначення використання 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. Розмір мого цільового значка - 84dp , а розмір файлу - 112dp :

   <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"

При глухому розмірі розмір 56dp, і є ще одна варіація - це невеликий розмір файлу, який становить 40dp, якщо ви використовуєте що-небудь, вам доведеться вказати його для правильного розрахунку прокладки.

Як FABі ImageViewтак, ви можете використовувати scaleTypeатрибут, щоб змінити розмір піктограми також ImageView. Типовим scaleTypeдля a 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 та додаток: maxImageSize. Щодо мене, я отримав бажаний результат, якщо android: scaleType = "centerInside" та app: maxImageSize = "56dp".