Android: Floating Button-Symbol ist nicht zentriert

Question

Ich versuche, eine schwebende Schaltfläche in meiner App zu erstellen. Die Schaltfläche ist dort, aber das Bild in der Schaltfläche ist ein wenig nach oben (siehe Bild).

ich kann nicht herausfinden, was mit ihm los ist. Unten ist ein Teil der XML-Schaltfläche für Floating.

<android.support.design.widget.FloatingActionButton 
     android:id="@+id/buttonUp" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginRight="16dp" 
     android:layout_marginTop="480dp" 
     android:clickable="true" 
     android:scaleType="center" 
     android:src="@drawable/btn_back_to_top_3x" 
     app:layout_anchor="@id/layout" 
     app:layout_anchorGravity="bottom|right|end" 
     app:backgroundTint="@android:color/background_light" 
     app:fabSize="normal" /> 

Die Schaltfläche zeigt, wo ich es wollte. Das einzige Problem scheint zu sein, dass das Bild im Inneren nicht zentriert ist. Warum passiert dies?

EDIT: Nach etwas mehr umsah ich das Bild erkennen selbst Problem aufweist, wurde in dem das Bild tatsächlich nicht zentriert ist, und es gibt Raum an der Unterseite (die das Bild verursacht Push nach oben zu sein).

Answer 1

Grund ist Ihr Bild ist nicht in der richtigen Größe !!

Floating Aktionsknopf Standard-Kreisgröße ist 56 x 56dp , , um die beste Passform zu bekommen, die für Ihr Hintergrundbild!

Wenn Sie vorhaben, sollten für einen Mini sein: 40 x 40dp

Wenn Sie nur das Interior-Symbol (nur Symbol) verwenden, um ein 24 x 24dp Symbol für Standardgröße

Um zu testen, ändern mögen dies erneut herunterladen i eine Internet-Bild Form und skaliert es auf 56dp und hielt einen kleinen Raum, der sie zum Ausgleich (ich bin nicht gut mit Photoshop)

und fügte hinzu, dies zu Ihrer FB Ansicht und machte Hintergrund gelb zu machen es clear.Let sehen

heraus gesetzt:

Das bedeutet, es auf dem Bild ab, die Sie hinzufügen, und seine Größe, wenn Sie vollen Hintergrund gehen möchten, können Sie auch eine imageButton

verwenden siehe

: https://material.io/guidelines/components/buttons-floating-action-button.html#buttons-floating-action-button-floating-action-button

Answer 2

Versuchen zu tun, um Ihre Höhe und Breite zu beheben ...

android:layout_width="50dp" 
    android:layout_height="50dp" 

und bitte ..bacause hier Ihr Layout in unten eine andere Art und Weise anpassen yo

do

android:layout_marginTop="480dp" 

es keine richtige ist Art und Weise versuchen, mein Vorschlag Ihre FloatingActionButton innerhalb Relative Layout..and wie dieser Immobilie gesetzt ..

android:layout_alignParentBottom="true" 
    android:layout_alignParentRight="true" 
    android:layout_alignParentEnd="true" 

Answer 3

Use (https://github.com/futuresimple/android-floating-action-button) und stellen Sie fab: fab_icon = "@ ziehbar/ic_fab_star" zum Zentrum Symbol