动画在视图之间转换,在z轴上旋转,具有深度感知

Ed *_*nek 9 layout animation android

我正在尝试创建一个动画来在两个视图之间转换,这两个视图都是ExpandableListViews.我想要的外观如下图所示.

我尝试使用shrink_to_middle和grow_from_middle作为我的ViewAnimator的out/in动画 - 它很接近,但不是很正确 - 当前缩小/增长,随着动画的发生,视图的右边缘和左边缘都是相同的高度,不会为动画提供任何深度.

我不知道如何最好地解释我想要的东西,这就是我绘制图像的原因,但是这里仍然无论如何...我希望看到动画的三维视图,其中视图在z轴上旋转.假设我们使用一个简单的shrink_to_middle和grow_from_middle动画作为起点(它不提供三维外观.)为了提供三维外观,当视图缩小到右边时,out动画将使右边缘逐渐变小.中间; 随着视图从中间增长,动画中的左边缘会逐渐变大.

图像1到4将是输出动画(对于视图#1),图像5-8将是动画(对于视图#2)

动画在视图之间转换

提前致谢.

编辑:仅供参考,这是我目前缩小到中间并从中间动画xml文件增长

shrink_to_middle.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale android:interpolator="@android:anim/linear_interpolator"
        android:fromXScale="1.0" android:toXScale="0.0" android:fromYScale="1.0"
        android:toYScale="1.0" android:fillAfter="false" android:duration="500" />
    <translate android:fromXDelta="0" android:toXDelta="50%"
        android:duration="500" />
</set>
Run Code Online (Sandbox Code Playgroud)

grow_from_middle.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <scale android:interpolator="@android:anim/linear_interpolator"
        android:fromXScale="0.0" android:toXScale="1.0" android:fromYScale="1.0"
        android:toYScale="1.0" android:fillAfter="false" android:startOffset="200"
        android:duration="500" />
    <translate android:fromXDelta="50%" android:toXDelta="0"
        android:startOffset="200" android:duration="500" />
</set>
Run Code Online (Sandbox Code Playgroud)

Ed *_*nek 11

Rotate3dAnimation就是答案.它位于示例SDK文件夹中.我正在使用0到-90的动画和90到0的动画,它的效果很好.

  • 如果您有API19,可以在这里找到Rotate3dAnimation.java:android-sdk\samples\android-19\legacy\ApiDemos\src\com\example\android\apis\animation. (2认同)