2016-06-25 13 views
0

Ich versuche, zwei FloatingActionButton s meiner Anwendung hinzuzufügen. Ich habe zwei der mit einem einfachen View dazwischen und das funktioniert:Ausrichten mehrerer FloatingActionButtons mit verschiedenen Größen - Android

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="bottom|end" 
     android:layout_margin="16dp" 
     android:src="@drawable/ic_go" /> 

    <View 
     android:id="@+id/dummy" 
     android:layout_width="1dp" 
     android:layout_height="16dp" 
     app:layout_anchor="@id/fab" 
     app:layout_anchorGravity="top|end" /> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="top|end" 
     android:layout_margin="16dp" 
     android:src="@drawable/ic_cancel" 
     app:layout_anchor="@id/dummy" 
     app:backgroundTint="@color/cancel_fab" 
     app:layout_anchorGravity="top|end" /> 

</android.support.design.widget.CoordinatorLayout> 

Dies stellt zwei FloatingActionButton s und es sieht okay. Aber ich wollte die Taste Abbrechen kleiner sein, damit ich diese Zeile hinzugefügt:

app:fabSize="mini" 

Jetzt habe ich den Blick, den ich will, aber das einzige Problem ist, dass der Mini FloatingActionButton nach rechts erscheint und ich würde es gerne auf die Mitte der unteren Schaltfläche ausgerichtet sein.

enter image description here

+0

Sie könnten versuchen, das 'layout_anchorGravity' von' FAB' auf 'top | center_horizontal' zu setzen. Außerdem, nur zu Ihrer Information, bevor jemand anderes vorbeikommt und darüber schwadroniert, empfehlen die Designrichtlinien nur einen FAB pro Bildschirm. –

+0

Oh, warte, das wird nicht funktionieren, da du es mit dem Dummy 'View' verankert hast. Hast du es ohne den Dummy versucht und einen unteren Rand auf dem Abbrechen-FAB hinzugefügt? –

+0

Oh, ich verstehe. Danke für die Köpfe hoch! –

Antwort

0

Als Mike in den Kommentaren erwähnt, ist es nicht ratsam, mehrere FloatingActionButton s in einer Aktivität zu haben. Ich las die Dokumente und ich lernte etwas, was ich nicht wusste. Ich ging stattdessen mit einem anderen Layout.

Verwandte Themen