Moving Floating Action Button nach unten

Question

Ich habe die CheeseSquare sample code von geklont Chris Banes. Während ich die neueste Version der Support-Bibliothek und Android Studio habe, führe ich diesen Code auf Nexus 4, Android 4.2.2.

Dieser Beispielcode zeigt die Floating Action-Taste zweimal, dh im Main Activity (include_list_viewpager.xml), dh in den drei Tabs, sowie in der CheeseDetailActivity (activity_detail.xml)

Im Hauptaktivität (include_list_viewpager.xml) die Floating Action-Taste ist am Boden, und es wird wie folgt beschrieben:

<android.support.design.widget.FloatingActionButton 
    android:layout_height="wrap_content" 
    android:layout_width="wrap_content" 
    app:layout_anchor="@id/appbar" 
    android:layout_gravity="end|bottom" 
    android:src="@drawable/ic_discuss" 
    android:layout_margin="@dimen/fab_margin" 
    android:clickable="true"/> 

auf der anderen Seite des Floating-A ction Button ist in der Mitte in CheeseDetailActivity (activity_detail.xml). Es wird beschrieben, wie:

<android.support.design.widget.FloatingActionButton 
    android:layout_height="wrap_content" 
    android:layout_width="wrap_content" 
    app:layout_anchor="@id/appbar" 
    app:layout_anchorGravity="bottom|right|end" 
    android:src="@drawable/ic_discuss" 
    android:layout_margin="@dimen/fab_margin" 
    android:clickable="true"/> 

Ich mag würde den Floating Action-Knopf in der CheeseDetailActivity (activity_detail.xml) nach unten bewegen, wie in der Hauptaktivität (include_list_viewpager.xml) gezeigt. Ich habe versucht, dies durch die layout_anchorGravity durch layout_gravity ändern, wie unten dargestellt:

<android.support.design.widget.FloatingActionButton 
    android:layout_height="wrap_content" 
    android:layout_width="wrap_content" 
    app:layout_anchor="@id/appbar" 
    android:layout_gravity="end|bottom" 
    android:src="@drawable/ic_discuss" 
    android:layout_margin="@dimen/fab_margin" 
    android:clickable="true"/> 

Ich bin neugierig, warum die Floating Action-Button zu dem oberen Rand des Bildschirms mit meinem oben erwähnten modifizierten Code? Gibt es eine Möglichkeit, es auf den Grund zu bringen?

Answer 1

app:layout_anchor="@id/appbar" bedeutet, dass die FloatingActionButton "verankert" oder an die App-Leiste angefügt wird. Entfernen Sie diese Zeile, wenn Sie ihre Position entkoppeln möchten.