2016-06-25 67 views
0

我正在嘗試將兩個FloatingActionButton s添加到我的應用程序中。我加了兩個之間用普通View和工作原理:對齊多個不同大小的FloatingActionButtons - 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> 

這兩處FloatingActionButton S和它看起來還好。但我想取消按鈕,所以我說這條線要小一些:

app:fabSize="mini" 

現在,我得到了我想要的樣子,但唯一的問題是,微型FloatingActionButton出現在右邊,我想它與底部按鈕的中心對齊。

enter image description here

+0

您可以嘗試將取消FAB的'layout_anchorGravity'設置爲'top | center_horizo​​ntal'。此外,僅供參考,在別人出現並大肆宣傳之前,設計指南建議每個屏幕只有一個FAB。 –

+0

哦,等一下,這不會奏效,因爲你把它固定在虛擬「視圖」上。你是否嘗試過沒有假人,在取消FAB上添加底部邊距? –

+0

哦,我明白了。感謝您的領導! –

回答

0

麥克在評論中提到的,這是不可取有多個FloatingActionButton S IN的活動。我閱讀了文檔,並學到了一些我不知道的東西。我採用了不同的佈局。

相關問題