Android 3d 动画，如 Google Now Launcher Menu Animation [英] Android 3d animation like Google Now Launcher Menu Animation

问题描述

我需要像这样在活动或片段之间制作动画.我使用 Android Api >=14.

I need to make animation between Activities or Fragments like this. I use Android Api >=14.

http://www.youtube.com/watch?v=cNMqIv5Ocnk -这是 Nexus5 启动器

http://www.youtube.com/watch?v=cNMqIv5Ocnk - it's Nexus5 Launcher

我已经用 Android ObjectAnimator 尝试过动画，但它与这个视频动画不太相似.

I`ve already tried animation with Android ObjectAnimator, but it wasn't very similar to this video animation.

提前致谢.

我试过这个代码

(gla_on.xml):

<objectAnimator
    android:duration="0"
    android:propertyName="alpha"
    android:valueFrom="1.0"
    android:valueTo="0.0" />
<objectAnimator
    android:duration="1000"
    android:interpolator="@android:interpolator/accelerate_decelerate"
    android:propertyName="scaleY"
    android:valueFrom="1"
    android:valueTo="12" />
<objectAnimator
    android:duration="1000"
    android:interpolator="@android:interpolator/accelerate_decelerate"
    android:propertyName="scaleX"
    android:valueFrom="1"
    android:valueTo="12" />

gla_off.xml:

<objectAnimator
    android:duration="0"
    android:propertyName="alpha"
    android:valueFrom="0.0"
    android:valueTo="1.0" />
<objectAnimator
    android:duration="1000"
    android:interpolator="@android:interpolator/accelerate_decelerate"
    android:propertyName="scaleY"
    android:valueFrom="1"
    android:valueTo="12" />
<objectAnimator
    android:duration="1000"
    android:interpolator="@android:interpolator/accelerate_decelerate"
    android:propertyName="scaleX"
    android:valueFrom="1"
    android:valueTo="12" />

并将其放入这段代码中:

getFragmentManager()
        .beginTransaction()
        .setCustomAnimations(R.anim.gla_on, R.anim.gla_off)
        .replace(R.id.container, new NextFragment())
        .addToBackStack(null)
        .commit();

但 NextFragment 不显示

but NextFragment doesn't show

推荐答案

CLOSED

经过多次尝试，我找到了决定.

After many attempts I found the decision.

(您可以在此处观看结果 - http://www.youtube.com/watch?v=Npn0c68OkYs )

(You can watch the result here - http://www.youtube.com/watch?v=Npn0c68OkYs )

我在 Android Resource 文件夹中创建了 4 个动画 anim

I create 4 animations in Android Resource folder anim

gla_there_come.xml

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

    <objectAnimator
        android:duration="500"
        android:propertyName="alpha"
        android:valueFrom="0.0"
        android:valueTo="1.0" />
    <objectAnimator
        android:duration="500"
        android:interpolator="@android:interpolator/accelerate_decelerate"
        android:propertyName="scaleY"
        android:valueFrom="0"
        android:valueTo="1" />
    <objectAnimator
        android:duration="500"
        android:interpolator="@android:interpolator/accelerate_decelerate"
        android:propertyName="scaleX"
        android:valueFrom="0"
        android:valueTo="1" />

</set>

gla_there_gone.xml

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

    <objectAnimator
        android:duration="500"
        android:propertyName="alpha"
        android:valueFrom="1.0"
        android:valueTo="0.0" />
    <objectAnimator
        android:duration="500"
        android:interpolator="@android:interpolator/accelerate_decelerate"
        android:propertyName="scaleY"
        android:valueFrom="1"
        android:valueTo="12" />
    <objectAnimator
        android:duration="500"
        android:interpolator="@android:interpolator/accelerate_decelerate"
        android:propertyName="scaleX"
        android:valueFrom="1"
        android:valueTo="12" />

</set>

gla_back_gone.xml

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

    <objectAnimator
        android:duration="500"
        android:propertyName="alpha"
        android:valueFrom="0.0"
        android:valueTo="1.0" />
    <objectAnimator
        android:duration="500"
        android:interpolator="@android:interpolator/accelerate_decelerate"
        android:propertyName="scaleY"
        android:valueFrom="12"
        android:valueTo="1" />
    <objectAnimator
        android:duration="500"
        android:interpolator="@android:interpolator/accelerate_decelerate"
        android:propertyName="scaleX"
        android:valueFrom="12"
        android:valueTo="1" />

</set>

gla_back_come.xml

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

    <objectAnimator
        android:duration="500"
        android:propertyName="alpha"
        android:valueFrom="1.0"
        android:valueTo="0.0" />
    <objectAnimator
        android:duration="500"
        android:interpolator="@android:interpolator/accelerate_decelerate"
        android:propertyName="scaleY"
        android:valueFrom="1"
        android:valueTo="0" />
    <objectAnimator
        android:duration="500"
        android:interpolator="@android:interpolator/accelerate_decelerate"
        android:propertyName="scaleX"
        android:valueFrom="1"
        android:valueTo="0" />

</set>

然后我将下面的代码添加到我的 FragmentActivity 中:

public void goToNext() {
    mShowingNext = true;

    getFragmentManager()
            .beginTransaction()
            .setCustomAnimations(R.anim.gla_there_come, R.anim.gla_there_gone)
            .replace(R.id.container, new NextFragment())
            .commit();
}

public void goBack() {
    mShowingNext = false;

    getFragmentManager()
            .beginTransaction()
            .setCustomAnimations(R.anim.gla_back_gone, R.anim.gla_back_come)
            .replace(R.id.container, new MainFragment())
            .commit();
}

这篇关于Android 3d 动画，如 Google Now Launcher Menu Animation的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！