フラグメント間の遷移をアニメーション化する質問する

Question

だけでなく、新しいandroid.animationフレームワーク (オブジェクトアニメーター) も使用する必要があります。FragmentTransaction.setCustomAnimationsFragmentTransaction.setTransition

setCustomAnimations以下は、ApiDemos のFragmentHideShow.javaの使用例です。

ft.setCustomAnimations(android.R.animator.fade_in, android.R.animator.fade_out);

以下はres/animator/fade_in.xmlからの関連するアニメーター XML です。

<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:interpolator/accelerate_quad"
    android:valueFrom="0"
    android:valueTo="1"
    android:propertyName="alpha"
    android:duration="@android:integer/config_mediumAnimTime" />

<set>以前のアニメーションフレームワークと同様に、を使用して複数のアニメーターを組み合わせることができることに注意してください。

編集: スライドイン/スライドアウトについて質問されている方がいるので、ここでコメントします。

スライドインとスライドアウト

もちろん、、、、およびプロパティをアニメーション化できますtranslationXが、一般的にスライドでは、コンテンツを画面外へ、または画面外からアニメーション化します。私の知る限り、相対値を使用するトランジションプロパティはありません。ただし、自分で作成できないわけではありません。プロパティアニメーションには、アニメーション化するオブジェクト (この場合はビュー) の getter メソッドと setter メソッドだけが必要であることに注意してください。そのため、translationY次のように、ビューサブクラスに独自のおよびメソッドを作成できます。xy getXFractionsetXFraction

public class MyFrameLayout extends FrameLayout {
    ...
    public float getXFraction() {
        return getX() / getWidth(); // TODO: guard divide-by-zero
    }

    public void setXFraction(float xFraction) {
        // TODO: cache width
        final int width = getWidth();
        setX((width > 0) ? (xFraction * width) : -9999);
    }
    ...
}

これで、次のように 'xFraction' プロパティをアニメーション化できます。

res/animator/slide_in.xml :

<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator"
    android:valueFrom="-1.0"
    android:valueTo="0"
    android:propertyName="xFraction"
    android:duration="@android:integer/config_mediumAnimTime" />

アニメーション化するオブジェクトの幅が親と同じでない場合は、見た目がおかしくなるので、使用ケースに合わせてプロパティの実装を微調整する必要がある場合があります。

Answer 1

だけでなく、新しいandroid.animationフレームワーク (オブジェクトアニメーター) も使用する必要があります。FragmentTransaction.setCustomAnimationsFragmentTransaction.setTransition

setCustomAnimations以下は、ApiDemos のFragmentHideShow.javaの使用例です。

ft.setCustomAnimations(android.R.animator.fade_in, android.R.animator.fade_out);

以下はres/animator/fade_in.xmlからの関連するアニメーター XML です。

<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:interpolator/accelerate_quad"
    android:valueFrom="0"
    android:valueTo="1"
    android:propertyName="alpha"
    android:duration="@android:integer/config_mediumAnimTime" />

<set>以前のアニメーションフレームワークと同様に、を使用して複数のアニメーターを組み合わせることができることに注意してください。

編集: スライドイン/スライドアウトについて質問されている方がいるので、ここでコメントします。

スライドインとスライドアウト

もちろん、、、、およびプロパティをアニメーション化できますtranslationXが、一般的にスライドでは、コンテンツを画面外へ、または画面外からアニメーション化します。私の知る限り、相対値を使用するトランジションプロパティはありません。ただし、自分で作成できないわけではありません。プロパティアニメーションには、アニメーション化するオブジェクト (この場合はビュー) の getter メソッドと setter メソッドだけが必要であることに注意してください。そのため、translationY次のように、ビューサブクラスに独自のおよびメソッドを作成できます。xy getXFractionsetXFraction

public class MyFrameLayout extends FrameLayout {
    ...
    public float getXFraction() {
        return getX() / getWidth(); // TODO: guard divide-by-zero
    }

    public void setXFraction(float xFraction) {
        // TODO: cache width
        final int width = getWidth();
        setX((width > 0) ? (xFraction * width) : -9999);
    }
    ...
}

これで、次のように 'xFraction' プロパティをアニメーション化できます。

res/animator/slide_in.xml :

<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/linear_interpolator"
    android:valueFrom="-1.0"
    android:valueTo="0"
    android:propertyName="xFraction"
    android:duration="@android:integer/config_mediumAnimTime" />

アニメーション化するオブジェクトの幅が親と同じでない場合は、見た目がおかしくなるので、使用ケースに合わせてプロパティの実装を微調整する必要がある場合があります。

フラグメント間の遷移をアニメーション化する質問する

ベストアンサー1

スライドインとスライドアウト

おすすめ記事