为浮动操作按钮增加动画

Posted 2023-04-18

【中文标题】为浮动操作按钮增加动画

【英文标题】：Grow Animation for Floating Action Button

【发布时间】：2015-07-09 05:12:36

【问题描述】：

我有什么

我在屏幕底部有一个浮动操作按钮。

我想要什么

我想在活动恢复时为视图设置动画。动画会将 FAB 从大小 0 增长到填充大小，从中心开始向各个方向增长，直到最终达到完整大小。

这就像我们在一些 Material Design 应用中看到的那样。

【参考方案1】：

实际上我自己得到了解决方案。这很简单。

我在 XMl 中创建了这个动画并将其保存在“anim”中。

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true">

    <scale
        android:duration="250"
        android:fromXScale="0.0"
        android:fromYScale="0.0"
        android:interpolator="@android:anim/accelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:startOffset="500"
        android:toXScale="1.0"
        android:toYScale="1.0" />
</set>

之后它只是在视图上加载和播放动画，

Animation animation = AnimationUtils.loadAnimation(getActivity(), R.anim.fab_grow);
        start.startAnimation(animation);

就是这样。你已经完成了，一切顺利。