You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Android缩放弹跳动画实现问题:现有上滑动画无缩放弹跳效果

实现带缩放弹跳效果的上滑动画

嘿,我懂你现在的困扰——你用位移动画加弹跳插值器只实现了上滑,但没做出参考效果里那种弹跳时的弹性缩放感对吧?

咱们先捋清楚原因:@android:anim/bounce_interpolator只会控制位移的弹跳节奏,但完全没涉及缩放变化,所以要实现那种“弹起时轻微放大、回落时恢复原状”的弹性效果,得在动画集合里额外加个缩放动画才行。

给你改好的动画代码,直接用就行:

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/bounce_interpolator">

    <!-- 保留你原来的核心上移动画 -->
    <translate
        android:duration="350"
        android:fillAfter="true"
        android:fromYDelta="100%"
        android:toYDelta="0%"/>

    <!-- 新增缩放动画,模拟弹跳的弹性形变 -->
    <scale
        android:duration="100"
        android:fillAfter="true"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.08"
        android:toYScale="1.08"
        android:startOffset="220"/>
</set>

这里给你拆解下关键调整:

  • 整个动画集合绑定弹跳插值器,让位移和缩放动作都跟着弹跳节奏同步
  • 缩放动画设置startOffset="220",等位移动画快到顶部(弹跳峰值前)再启动,刚好对应弹起时的放大感
  • 缩放幅度设为1.08是比较自然的弹性比例,你也可以根据需求改成1.1或1.05,调整细腻度
  • 缩放时长设为100ms,刚好覆盖弹跳的弹性阶段,不会显得拖沓

要是觉得效果还不够贴合参考动画,可以微调startOffset、缩放目标值或者时长,多试几次就能找到最匹配的感觉啦!

内容的提问来源于stack exchange,提问作者himangi

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.28 06:27:41