Partage
  • Partager sur Facebook
  • Partager sur Twitter

[android] Problème d'animation.

FloatingActionButton ancré dans un BottomAppBar.

    1 octobre 2018 à 14:07:26

    Bonjour,

    Je rencontre un problème d'animation (Rotation sur click) sur un FloatingActionButton ancré dans un BottomAppBar.

    Voici mon 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:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity"
        android:background="@color/secondaryDarkColor">
    
        <android.support.design.bottomappbar.BottomAppBar
            android:layout_width="match_parent"
            android:layout_height="56dp"
            android:id="@+id/bar"
            android:backgroundTint="@color/primaryColor"
            android:layout_gravity="bottom"
            app:fabAlignmentMode="end">
    
        </android.support.design.bottomappbar.BottomAppBar>
    
        <android.support.design.widget.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_add_white_24dp"
            app:backgroundTint="@color/secondaryColor"
            app:fabSize="normal"
            app:layout_anchor="@id/bar"/>
    
    </android.support.design.widget.CoordinatorLayout>

    Ainsi que sont résultat:

    Et voici mon animation:

    <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator">
        <rotate
            android:duration="300"
            android:fromDegrees="0"
            android:toDegrees="360"
            android:pivotX="50%"
            android:pivotY="50%"/>
    </set>

    Tout fonctionne, mais mon problème est que la rotation s' effectue par rapport un Carré bleu sur l'image et non le centre du FAB.

    Comment puis je faire pour indiquer que le FAB se trouve a cette position a l'instant T.

    Cordialement.


    • Partager sur Facebook
    • Partager sur Twitter

    [android] Problème d'animation.

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown