FloatingActionButton con l'icona animata

Question

Sto cercando di creare un FloatingActionButton con un'icona come questa: https://github.com/jd-alexander/LikeButton

Come si può vedere, il pulsante è animato, non sono solo due diversi pulsanti che sono cambiato.

Ecco il mio FloatingActionButton base effettivo, con un'icona statica:

<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_favorite_border_white_24dp" 
    android:layout_margin="@dimen/fab_margin" 
    android:clickable="true"/> 

Non voglio cambiare solo l'icona, vorrei fare un'animazione quando clicco su di esso.

Qui è il pulsante che ho bisogno, ma in questo caso non è incluso nel FloatingActionButton:

<com.like.LikeButton 
    android:id="@+id/like_button" 
    android:layout_height="32dp" 
    android:layout_width="32dp" 
    app:icon_type="heart" 
    app:circle_start_color="@color/red" 
    app:like_drawable="@drawable/ic_favorite_white_24dp" 
    app:unlike_drawable="@drawable/ic_favorite_border_white_24dp" 
    app:dots_primary_color="@color/orange" 
    app:dots_secondary_color="@color/red" 
    app:circle_end_color="@color/orange" 
    app:icon_size="24dp" 
    app:anim_scale_factor="1"/> 

Per riassumere:

1. so come fare un FloatingActionButton con una statica icona.

2. so come creare un pulsante animato

3. come non so come mescolare i punti da 1) e 2) per creare un FloatingActionButton con un'icona animata sullo scatto.

Una famosa app per acquisti lo sta facendo, ma non so come.

Answer 1

Penso che il modo per raggiungere non è quello di utilizzare un android.support.design.widget.FloatingActionButton, ma invece creare il proprio FAB che si estende un contenitore come un FrameLayout (o forse anche un android.support.v7.widget.CardView), impostare uno sfondo disegnabile arrotondata ad esso, e aggiungere il com.like.LikeButton come un bambino. Probabilmente dovrai definire uno CoordinatorLayout.Behavior per questo se vuoi usarlo in un android.support.design.widget.CoordinatorLayout. Basta usare android.support.design.widget.FloatingActionButton come fonte di ispirazione se necessario: P

Answer 2

Sembra una grande idea! Havan't fatto io, ma questo è come vorrei farlo:

1) FAB di sono bambino da ImageView

2) di ImageView posso essere Animated.

3) Buon divertimento!