Sesuaikan ukuran ikon tombol tindakan Mengambang (luar biasa)

Tombol tindakan mengambang baru harus 56dp x 56dp dan ikon di dalamnya harus 24dp x 24dp . Jadi ruang antara ikon dan tombol harus 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>

Dan inilah hasil yang saya dapatkan:

Saya menggunakan ikon dari \ 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

Bagaimana cara membuat ukuran ikon di dalam tombol persis seperti yang dijelaskan dalam pedoman?

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

Karena konten Anda 24dp x 24dp, Anda harus menggunakan ikon 24dp . Dan kemudian atur android:scaleType="center"di ImageButton Anda untuk menghindari pengubahan ukuran otomatis.

Buat entri ini dalam dimens

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

Di sini 36dp adalah ukuran ikon pada tombol floating point. Ini akan mengatur ukuran 36dp untuk semua ikon untuk tombol aksi mengambang.

Pembaruan Sesuai Komentar

Jika Anda ingin mengatur ukuran ikon ke Floating Action Button tertentu, cukup dengan atribut Floating action button seperti app: fabSize = "normal" dan 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"

Coba gunakan app:maxImageSize="56dp"alih-alih jawaban di atas setelah Anda memperbarui perpustakaan dukungan Anda ke v28.0.0

Ada tiga atribut XML kunci untuk FAB khusus:

• app:fabSize: Baik "mini" (40dp), "normal" (56dp) (default) atau "auto"
• app:fabCustomSize: Ini akan menentukan ukuran FAB keseluruhan.
• app:maxImageSize: Ini akan menentukan ukuran ikon.

Contoh:

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

Padding FAB (ruang antara ikon dan lingkaran latar belakang, alias riak ) dihitung secara implisit oleh:

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

Perhatikan bahwa margin fab dapat diatur oleh android:marginproperti tag xml yang biasa .

Pedoman desain mendefinisikan dua ukuran dan kecuali ada alasan kuat untuk menyimpang dari penggunaan keduanya, ukuran tersebut dapat dikontrol dengan fabSizeatribut XML dariFloatingActionButton komponen.

Pertimbangkan untuk menentukan menggunakan salah satu app:fabSize="normal"atau app:fabSize="mini", misalnya:

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

Dengan latar belakang yang Anda berikan itu menghasilkan tombol di bawah pada perangkat saya (Nexus 7 2012)

Terlihat bagus untukku.

Apa tujuanmu

Jika mengatur ukuran gambar ikon menjadi lebih besar:

1. Pastikan memiliki ukuran gambar lebih besar dari ukuran target Anda (so you can set max image size for your icon)

2. Ukuran gambar ikon target saya adalah 84dp & ukuran hebat adalah 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" />

Jika Anda menggunakan Androidx 1.0.0 dan menggunakan ukuran fab khusus, Anda harus menentukan ukuran khusus menggunakan

app:fabCustomSize="your custom size in dp"

Dengan deafult ukurannya adalah 56dp dan ada variasi lain yaitu fab berukuran kecil yaitu 40dp, jika Anda menggunakan apa pun, Anda harus menentukannya agar bantalan dihitung dengan benar.

Seperti FABseperti ImageViewbegitu Anda dapat menggunakan scaleTypeatribut untuk mengubah ukuran icon juga ImageView. Default scaleTypeuntuk a FABadalah fitCenter. Anda dapat menggunakan centerdan centerInsidemembuat ikon masing-masing kecil dan besar.

Semua nilai untuk scaleTypeatribut adalah - center, centerCrop, centerInside, fitCenter, fitEnd, fitStart, fitXYdan matrix.

Lihat https://developer.android.com/reference/android/widget/ImageView.ScaleType.html untuk rincian lebih lanjut.

off dari jawaban IRadha dalam pengaturan vektor yang dapat digambar android:height="_dp" dan mengatur jenis skala untuk android:scaleType="center" mengatur gambar ke ukuran apa pun yang ditetapkan

Anda dapat bermain dengan pengaturan FloatingActionButton berikut ini: android: scaleType dan aplikasi: maxImageSize. Sedangkan bagi saya, saya mendapatkan hasil yang diinginkan jika android: scaleType = "centerInside" dan aplikasi: maxImageSize = "56dp".