FloatingActionButton z animowaną ikoną

Question

Próbuję utworzyć FloatingActionButton ikoną tak: https://github.com/jd-alexander/LikeButton

Jak widać, przycisk jest animowane, to nie tylko dwa różne przyciski, które zostały zmienione.

Oto moja rzeczywista podstawowa FloatingActionButton, ikoną statycznej:

<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"/> 

Nie chcę po prostu zmienić ikonę, chciałbym zrobić animację po kliknięciu na nim.

Oto przycisk muszę, ale w tym przypadku nie jest wliczone w 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"/> 

Podsumowując:

1. wiem jak zrobić FloatingActionButton ze statycznym Ikona.

2. wiem, jak tworzyć animowane jak przycisk

3. nie wiem jak łączyć kroki 1) i 2), aby utworzyć FloatingActionButton z animowanym ikony na kliknięcie.

Słynna aplikacja do robienia zakupów to robi, ale nie wiem jak.

Answer 1

myślę, że droga do osiągnięcia tego celu nie jest za pomocą android.support.design.widget.FloatingActionButton, ale zamiast tworzyć własne FAB, który rozciąga się pojemnik jak FrameLayout (a może nawet android.support.v7.widget.CardView), ustaw zaokrąglony rozciągliwej tło do niego i dodaj com.like.LikeButton jako dziecko. Prawdopodobnie będziesz musiał zdefiniować także CoordinatorLayout.Behavior, jeśli chcesz go użyć w android.support.design.widget.CoordinatorLayout. Po prostu użyj android.support.design.widget.FloatingActionButton jako źródła inspiracji, jeśli to konieczne: P

Answer 2

Wygląda na świetny pomysł! Havan't zrobić to sam, ale jest to w jaki sposób to zrobić:

1) FAB są dziecko od ImageView

2) ImageView można Animated.

3) Baw się dobrze!