FloatingActionButton带有动画图标

Question

我正在尝试使用如下图标创建一个FloatingActionButton:https://github.com/jd-alexander/LikeButton

如您所见,按钮是动画的,不仅仅是两个不同的按钮被更改.

这是我的实际基本FloatingActionButton,带有静态图标:

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

我不想只是更改图标,我想在点击它时制作动画.

这是我需要的按钮,但在这种情况下它不包含在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"/>

总结一下 :

1. 我知道如何使用静态图标执行FloatingActionButton.

2. 我知道如何创建一个像按钮一样的动画

3. 我不知道如何混合步骤1)和2)来创建一个带有动画图标的FloatingActionButton点击.

一个着名的购物应用程序正在做它,但我不知道如何.

Answer 1

我认为实现这一目标的方法不是使用 a android.support.design.widget.FloatingActionButton，而是创建自己的 FAB 来扩展像 a FrameLayout（甚至可能是 a android.support.v7.widget.CardView）这样的容器，为其设置圆形可绘制背景，然后将其添加com.like.LikeButton为子项。CoordinatorLayout.Behavior如果您想在 a 中使用它，可能您还必须为其定义 a android.support.design.widget.CoordinatorLayout。如果需要，只需用作android.support.design.widget.FloatingActionButton灵感来源即可：P