FloatingActionButton, layout_anchor e layout_gravity

Question

Un po 'di novità. Sono circa due mesi nello sviluppo di Android, ma ho anni di esperienza nello sviluppo in altri ambienti.

OK. Ho uno FloatingActionButton che non si presentava dove me lo aspettavo o lo volevo. Si trova all'interno di un CoordinatorLayout, insieme a AppBarLayout/Toolbar e in seguito a ListView.

Ecco il layout:

<?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" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/fragment_coordinator" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="true" 
    tools:context=".ViewVehicleList"> 

    <android.support.design.widget.AppBarLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:fitsSystemWindows="true" 
     android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      android:background="?attr/colorPrimary" 
      android:title="Vehicle List" 
      app:layout_scrollFlags="scroll|enterAlways|snap" 
      app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/> 

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

    <ListView 
     android:id="@+id/Vehicle_ListView" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:paddingBottom="@dimen/activity_vertical_margin" 
     android:paddingLeft="@dimen/activity_horizontal_margin" 
     android:paddingRight="@dimen/activity_horizontal_margin" 
     android:paddingTop="@dimen/activity_vertical_margin" 
     android:background="#FFFFFF" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior"> 

    </ListView> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab_AddVehicle" 
     style="@style/FloatingAddButton" 
     android:src="@drawable/ic_green_add" 
     android:layout_gravity="bottom|end" 
     app:layout_anchor="@id/Vehicle_ListView" 
     android:onClick="addVehicle"/> 

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

Con questo layout, lo schermo si presenta così:

mio layout_gravity dice "bottom|end". L'ho modificato in "bottom|right", ma ho ottenuto lo stesso risultato. Ho letto molti tutorial e ho cercato Stack Overflow e non ho avuto fortuna.

sono riuscito a risolverlo rimuovendo l'ancora elencata nell'elemento FAB app:layout_anchor="@id/Vehicle_ListView", che sembra in contrasto con quello che ho letto: per utilizzare un FAB e posizionarlo correttamente è necessario utilizzare layout_anchor e layout_gravity. Senza il tag di ancoraggio, sembra che questo:

Quindi, ecco la mia domanda: Perché è la mia ancora strizzando il posizionamento del mio FloatingActionButton? Che cosa sto facendo di sbagliato?

-boster

Answer 1

Hai solo bisogno di aggiungere layout_anchorGravity.

<android.support.design.widget.FloatingActionButton 
    android:id="@+id/fab_AddVehicle" 
    style="@style/FloatingAddButton" 
    android:src="@drawable/ic_green_add" 
    android:onClick="addVehicle" 
    app:layout_anchor="@id/Vehicle_ListView" 
    app:layout_anchorGravity="bottom|end" />