Android animation rotate toYScale XML旋转Y轴缩放

2次阅读

xml动画中rotatey无效,仅objectanimator支持rotationy;需用animator目录下objectanimator或animatorset组合rotationy与scaley,且须启用硬件加速。

Android animation rotate toYScale XML旋转Y轴缩放

rotateY 不是 XML 动画的合法属性

androidres/anim/res/animator/ XML 里,没有 rotateY 这个属性。你写进去不会报错,但完全不生效——系统直接忽略它。这是最常被误以为“能用”的坑。

真正支持 Y 轴旋转 + 缩放组合效果的,只有 ObjectAnimator 配合 ViewPropertyAnimator,或者用 res/animator/ 下的 objectAnimator 文件驱动 rotationYscaleY 两个属性。

  • res/anim/(传统补间动画)只支持 android:fromDegrees/android:toDegrees,只能绕 Z 轴转,无法控制 Y 轴
  • res/animator/(属性动画)才支持 rotationYscaleY 等现代 View 属性
  • XML 中写 android:rotateY 是无效的;正确写法是 android:propertyName="rotationY"(在 objectAnimator 标签内)

用 animator XML 实现 rotateY + scaleY 组合动画

必须拆成两个 objectAnimator,或用 animatorSet 合并。单个动画无法同时驱动多个属性(除非用 ValueAnimator 手动 set,但 XML 不支持)。

示例:res/animator/rotate_y_scale_y.xml

<animatorSet xmlns:android="http://schemas.android.com/apk/res/android">   <objectAnimator     android:propertyName="rotationY"     android:duration="300"     android:valueFrom="0"     android:valueTo="180" />   <objectAnimator     android:propertyName="scaleY"     android:duration="300"     android:valueFrom="1"     android:valueTo="0.5" /> </animatorSet>
  • 两个动画默认并行执行;加 android:ordering="sequentially" 可改成串行
  • valueFrom/valueTo 必须是数字,不能写 "1.0" 这种字符串(会解析失败)
  • 目标 View 必须启用硬件加速(android:hardwareAccelerated="true"),否则 rotationY 在旧机型上可能卡顿或不渲染

Java/kotlin 中直接调用比 XML 更可控

XML 定义容易僵化,比如想根据状态动态改缩放比例,或中途取消某一段,用代码更直白。

Kotlin 示例:

view.animate()   .rotationY(180f)   .scaleY(0.5f)   .setDuration(300)   .start()
  • ViewPropertyAnimator 自动合并同帧属性,性能比多个 ObjectAnimator 更好
  • 如果需要监听结束,别用 .withEndAction{} —— 它不保证在线程回调,建议用 view.animate().setListener(...)
  • 动画开始前记得检查 view.isAttachedToWindow,避免 Fragment 销毁后 still animating 导致内存泄漏

rotateY 在低版本 Android 上的兼容性陷阱

rotationY 从 API 11(Android 3.0)就存在,但实际表现受硬件加速开关和 ViewGroup 层级影响极大。

  • API 14+ 默认开启硬件加速,rotationY 行为正常;API 11–13 必须手动开,且某些 ROM 有渲染 bug
  • 父容器是 RelativeLayout 或未指定 clipChildren="false" 时,Y 轴旋转后超出边界的区域会被裁剪(看起来像“消失”)
  • 不要对 TextView 单独做 rotationY:字体渲染器在 Y 轴倾斜时可能糊掉,建议包一层 FrameLayout 再动

真要保 API 10 兼容,只能放弃 Y 轴旋转,改用 Scaleanimation + 自定义 Transformation 模拟,但失真明显,一般不值得。

text=ZqhQzanResources