2016-06-25 27 views
0

私はアプリケーションにFloatingActionButtonを2つ追加しようとしています。私は、間に平野Viewとの2を追加し、それが動作します:サイズの異なる複数のFloatingActionButtonを整列する - 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> 

これは2つのFloatingActionButton Sを配置し、それは大丈夫に見えます。しかし、私は小さくなるように、キャンセルボタンを望んでいたので、私はこの行を追加:今

app:fabSize="mini" 

を、私は私が望む外観を得るが、唯一の問題は、ミニFloatingActionButtonが右側に表示され、私はそれが好きであろうと、ありますボトムボタンの中央に揃えます。

enter image description here

+0

キャンセルFABの 'layout_anchorGravity'を' top | center_horizo​​ntal'に設定しようとするかもしれません。また、ちょうどFYI、他の誰かがやってくる前に、デザインガイドラインは画面ごとに1つのFABを推奨しています。 –

+0

ああ、待って、それはダミーの 'View'に固定されているので動作しません。ダミーなしで試してみましたか?キャンセルFABにボトムマージンを追加しましたか? –

+0

ああそうだ。ヘッドアップをありがとう! –

答えて

0

マイクはコメントで述べたように、活動中で、複数のFloatingActionButton秒を持ってすることはお勧めできません。私はドキュメントを読んで、私は知らなかったことを学びました。私は代わりに別のレイアウトで行った。

関連する問題