Anchor FloatingActionButton

Question

J'utilise Android support FloatingActionButton (FAB) et CoordinatorLayout et je veux ancrer FAB à un CardView.

Ceci est mon code:

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

<LinearLayout 
    ...> 
    <android.support.v7.widget.CardView 
     android:id="@+id/container" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" /> 
    ... 
</LinearLayout> 

<android.support.design.widget.FloatingActionButton 
    android:id="@+id/fab" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_margin="32dp" 
    android:src="@android:drawable/ic_menu_send" 
    app:layout_anchor="@id/container" 
    app:layout_anchorGravity="bottom|end" /> 

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

Cela fonctionne mais parfois FAB apparaissent sur le côté supérieur gauche de la page, non ancrée.

Dans ce cas, lorsque j'appuie sur FAB, il revient ancré. CardView n'est pas un enfant direct de CoordinatorLayout mais [Support Library 24.2.1] que j'utilise le permet.

Quel pourrait être le problème?

Answer 1

Avez-vous essayé de l'ancrer dans Linear Layout plutôt que dans CoordinatorLayout?

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

<LinearLayout 
    ...> 
    <android.support.v7.widget.CardView 
     android:id="@+id/container" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" /> 
    ... 
<android.support.design.widget.FloatingActionButton 
    android:id="@+id/fab" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_margin="32dp" 
    android:src="@android:drawable/ic_menu_send" 
    app:layout_anchor="@id/container" 
    app:layout_anchorGravity="bottom|end" /> 
</LinearLayout> 

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

Answer 2

Essayez de supprimer les éléments suivants:

app:layout_anchor="@id/container" 
app:layout_anchorGravity="bottom|end" 

et ajouter:

android:layout_gravity="bottom|end" 

Answer 3

Do LinearLayout ancre de FAB.