android - icon - floating action button menu

Android: cómo cambiar el tamaño de la aplicación: fabSize="normal" para el botón de acción flotante

Question

Cuando se usa el nuevo FloatingActionButton , el tamaño lo determina app:fabSize="normal" . ¿Cómo puedo configurar lo que en dp es el tamaño al que hace referencia "normal" ?

Intenté crear values/attrs.xml :

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="app">
        <attr name="fabSize">
            <enum name="mini" value="50dp" />
            <enum name="normal" value="100dp" />
        </attr>
    </declare-styleable>
</resources>

Pero me sale el error

"normal" in attribute "fabSize" is not a valid integer

Answer 1

• Standard Sizes

Existen tres opciones para los tamaños FAB estándar (según developer.android ) que puede configurar usando la app:fabSize .

1. normal : el botón de tamaño normal.
2. mini : el botón de tamaño mini.
3. auto : tamaño que cambiará según el tamaño de la ventana

.

<android.support.design.widget.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:srcCompat="@drawable/ic_add_black_24dp"
    app:tint="#404D54"
    app:backgroundTint="#ffd500"
    app:fabSize="normal" />

.

• Custom Sizes

Para establecer el tamaño de FAB personalizado, puede configurar la app:fabCustomSize . Tenga en cuenta que android:layout_width y android:layout_height deben ser "wrap_content" .

<android.support.design.widget.FloatingActionButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:srcCompat="@drawable/ic_add_black_24dp"
    app:tint="#404D54"
    app:backgroundTint="#ffd500"
    app:fabCustomSize="36dp" />

Answer 2

Hay dos tamaños diferentes de FAB disponibles: normal o mini

1. Normal (56dp) : este tamaño se debe usar en la mayoría de las situaciones.

2. Mini (40dp) : solo debe usarse cuando se necesita una continuidad visual con otros componentes que se muestran en la pantalla.

Answer 3

Para cambiar el tamaño de Fab y para ver la imagen grande de inicio, he hecho los siguientes cambios en la API de Android 28: - thew are as

    <android.support.design.widget.FloatingActionButton
    android:id="@+id/profile_imageview"
    android:layout_width="@dimen/design_fab_size_mini"
    android:layout_height="@dimen/design_fab_size_mini"
    android:layout_marginTop="10dp"
    android:src="@drawable/pin_check"
    app:borderWidth="0dp"
    app:elevation="0dp"
    app:maxImageSize="90dp" />

donde in dimens.xml

<dimen name="design_fab_size_mini" tools:override="true">90dp</dimen>
<dimen name="design_fab_content_size" tools:override="true">58dp</dimen>

Answer 4

Puede anular los tamaños normal y mini agregando lo siguiente a values/dimens.xml :

<!-- Overriding sizes of the FAB -->
  <dimen name="design_fab_size_normal">90dp</dimen>
  <dimen name="design_fab_size_mini">30dp</dimen>

Lo complicado sería si necesitas más de 2 tamaños de fabulosos, en ese caso, creo que necesitas crear una vista personalizada que amplíe la fab.

Answer 5

Sé que no se recomienda, pero para aquellos que necesitan cambiar los tamaños predeterminados, pude hacerlo envolviendo el LinearLayout FloatingActionButton en un LinearLayout .

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:layout_centerInParent="true"
    android:orientation="horizontal" >

    <android.support.design.widget.FloatingActionButton
        android:layout_width="@dimen/custom_fab_size"
        android:layout_height="@dimen/custom_fab_size"
        app:fabSize="normal"
        android:clickable="true"
        android:src="@drawable/ic_mic_white_24dp"
        android:scaleType="center"/>
</LinearLayout>

Answer 6

Solo aplicación de usuario: fabCustomSize en xml

app:fabCustomSize="100dp"

Bingo.

Answer 7

aplicación: maxImageSize

<android.support.design.widget.FloatingActionButton
    android:id="@+id/floating_action_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="end|bottom"
    android:layout_marginBottom="60dp"
    android:src="@drawable/icon_return_back"
    app:backgroundTint="#00ffffff"
    app:borderWidth="0dp"
    app:elevation="0dp"
    app:maxImageSize="46dp"
    app:pressedTranslationZ="0dp"
    app:rippleColor="#00ffffff" />

Answer 8

<dimen name="design_fab_size_normal">90dp</dimen>
<dimen name="design_fab_size_mini">30dp</dimen>
Set this in dimen file.