Android：如何为android活动制作翻转动画，就像iphone从左到右水平翻转一样？

Question

在我的应用程序中，我想翻转视图.. 我在iPhone上看过这样的动画。我想在我的 Android 应用程序中实现同样的功能。

我想翻转整个活动视图。是否可以 ？ 我见过一些 android 中翻转的例子。但在所有示例中，视图都位于同一个活动中。是否可以为不同的活动设置这样的视图。或者从一项活动转到另一项活动时达到这样的效果？

请参阅 iPhone 中翻转效果的快照：

如果是，请参考任何演示示例或代码。 谢谢。

Answer 1

首先定义您自己的动画并将其存储在 res->anim 或 java 类下的 XML 中。除了 Eclipse 中的 SDK 下载附带的 API 演示之外，我没有任何工作示例，如果您正在寻找翻转动画，请尝试查看 3D Transition 类。

之后让您的活动加载该动画，最好在 onCreate 中加载它。请参阅此问题

Answer 2

我见过的最令人信服的 Android 3D 翻转动画之一是在这里完成的 https://code.google.com/p/android-3d-flip-view-transition。

许多其他教程和示例代码不会产生可信的 3D 翻转。在 y 轴上进行简单的旋转并不是 iOS 中所做的事情。

这里还有一个视频：http://youtu.be/52mXHqX9f3Y

Answer 3

您可以使用这些 xml 文件制作一个非常相似的文件。

rotate_out.xml

<?xml version="1.0" encoding="utf-8"?>

<scale
    android:duration="300"
    android:fromXScale="1.0"
    android:fromYScale="1.0"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toXScale="0.0"
    android:toYScale="0.90" />

<alpha
    android:duration="1"
    android:fromAlpha="1.0"
    android:startOffset="500"
    android:toAlpha="0.0" />

rotate_in.xml

<?xml version="1.0" encoding="utf-8"?>

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

<alpha
    android:duration="1"
    android:fromAlpha="0.0"
    android:startOffset="500"
    android:toAlpha="1.0" />

然后在 startActivity() 或 finish() 之后的代码中覆盖转换：

overridePendingTransition(R.anim.rotate_in, R.anim.rotate_out);

Answer 4

iOS 肖像：

“许多其他教程和示例代码都不会产生可信的 3D 翻转。y 轴上的简单旋转并不是在 y 轴上完成的。 iOS。”
经过近 30 个小时的样品搜索后，我不得不同意。
我有一部电影，我可以在中间截图。
视图的右侧有：
- 向左移动并缩小至 95%。
视图的左侧有：
- 向右移动并缩小至 80%。

在 Android Full 下（初始状态）：

Android 中：

Android 代码：

// @param interpolatedTime The value of the normalized time (0.0 to 1.0)
// @param t The Transformation object to fill in with the current transforms.
protected void applyTransformation(float interpolatedTime, Transformation t){

    float degrees = toDegree*interpolatedTime;
    //float rad = (float) (degrees * Math.PI / 180.0f);

    Matrix matrix = t.getMatrix();
    camera.save();

    camera.rotateY(degrees);
    camera.getMatrix(matrix);
    camera.restore();

    matrix.preTranslate(-centerX, -centerY);// M' = M * T(dx, dy)
    matrix.postTranslate(centerX, centerY); // M' = T(dx, dy) * M
}

大多数示例中都可以找到该代码的改进版本：

    // @param interpolatedTime The value of the normalized time (0.0 to 1.0)
    // @param t The Transformation object to fill in with the current transforms.
    protected void applyTransformation(float interpolatedTime, Transformation t){

        float degrees = toDegree*interpolatedTime;
        //float rad = (float) (degrees * Math.PI / 180.0f);

        Matrix matrix = t.getMatrix();
        camera.save();

        camera.translate(0.0f, 0.0f, mDepthZ *  interpolatedTime);
        camera.rotateY(degrees);

        camera.getMatrix(matrix);
        camera.restore();

        matrix.preTranslate(-centerX, -centerY);// M' = M * T(dx, dy)
        matrix.postTranslate(centerX, centerY); // M' = T(dx, dy) * M
    }

<图像src="https://i.sstatic.net/UJ2eY.png" alt="improved android">

一些区别是：
- 视图的右侧不会像 iOS 那样移动。

这是 Android 相机轴：

我确实相信 Z 轴上的平移不能解决这个问题。也许不知何故也需要心理医生。

float dz = (float) (centerX *  Math.sin(rad));
camera.translate(0f, 0f, -dz);

还是不够。太多的是左侧的收缩。