Android - 在同一个 XML 文件上进行翻译和 objectAnimator

Question

我一直在尝试在从一个 fragment 滑动到另一个 fragment 时制作 3D 立方体旋转效果。 首先，我使用翻译效果(在 XML 上)调用 FragmentTransaction.setCustomAnimations(...) 然后，当打开/关闭 fragment 时，我正在玩 Camera classe 来进行旋转。

这工作得很好，但似乎我有太多(别问我为什么)只使用 XML 文件来使用所有这些动画。经过长时间的搜索，我发现我应该使用 objectAnimator 来进行旋转。

按照 Google 示例，我设法制作了翻转动画。现在我需要翻译让它们滑入和滑出的 fragment 。似乎我不能在同一个 XML 文件上使用 objectAnimator 和翻译效果。由于出现此错误:

java.lang.RuntimeException: Unknown animator name: translate at (...)

关于如何制作滑动效果并同时使用 objectAnimator 有什么想法吗？

感谢您的宝贵时间!

我一直在使用的代码:

card_flip_right_in.xml

<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- Before rotating, immediately set the alpha to 0. -->
    <objectAnimator
        android:duration="0"
        android:propertyName="alpha"
        android:valueFrom="1.0"
        android:valueTo="0.0" />

    <!-- Rotate. -->
    <objectAnimator
        android:duration="@integer/card_flip_time_full"
        android:interpolator="@android:interpolator/accelerate_decelerate"
        android:propertyName="rotationY"
        android:valueFrom="180"
        android:valueTo="0" />

    <!-- Half-way through the rotation (see startOffset), set the alpha to 1. -->
    <objectAnimator
        android:duration="1"
        android:propertyName="alpha"
        android:startOffset="@integer/card_flip_time_half"
        android:valueFrom="0.0"
        android:valueTo="1.0" />

</set>

fragment 调用另一个 fragment :(立方体旋转应该在这 2 个 fragment 之间可见)

private void launchArticle(int prev, int pos){
        ArticleFragment newFragment = new ArticleFragment();
        Bundle args = new Bundle();
        args.putString("pos", pos);
        args.putInt("prev", prev);
        newFragment.setArguments(args);
        android.app.FragmentTransaction transaction = getFragmentManager().beginTransaction();
        Fragment currFrag = (Fragment)getFragmentManager().findFragmentById(R.id.headlines_fragment);
        if (currFrag != null) {
                transaction.hide(currFrag);
        }
        transaction.setCustomAnimations(
                R.animator.card_flip_right_in,
                R.animator.card_flip_right_out,
                R.animator.card_flip_left_in,
                R.animator.card_flip_left_out
                );

        transaction.replace(R.id.fragment_container, newFragment, pos);
        transaction.addToBackStack(null);

        transaction.commit();
}

更新:

我已经设法使用一个扩展我正在使用的 fragment 的框架布局的类解决了之前的问题

SlidingFrameLayout.java

public class SlidingFrameLayout extends FrameLayout
{
    private static final String TAG = SlidingFrameLayout.class.getName();
    public SlidingFrameLayout(Context context) {
        super(context);
    }

    public SlidingFrameLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public float getXFraction()
    {
        final int width = getWidth();  
        if(width != 0) return getX() / getWidth();  
        else return getX();  
    }

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

    public float getYFraction()
    {
        final int height = getHeight();  
        if(height != 0) return getY() / getHeight(); else return getY();   
    }

    public void setYFraction(float yFraction) {
        final int height = getHeight();  
        setY((height > 0) ? (yFraction * height) : -9999);  
    }
}

并将其添加到 objectAnimator 中:

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

这样效果更好，但是旋转轴位于 ​​FrameLayout 的中间，并且不会产生立方体的错觉...是否可以在特定点上设置旋转轴？

Answer 1

通过在扩展的 FrameLayout 上创建我自己的方法解决了这个问题。这是来自扩展的 FrameLayout 的代码:

//Rotate from Left to Right turning visible
    public float getRotateLeftRightIn(){
        return getRotationY();
    }
    public void setRotateLeftRightIn(int rotateLeftRightIn){
        setPivotX(getWidth());
        setPivotY(getHeight()/2);
        setRotationY(rotateLeftRightIn);
    }

在 XML 上:

<!-- Rotate. -->
<objectAnimator
    android:duration="@integer/card_flip_time_full"
    android:interpolator="@android:interpolator/accelerate_decelerate"
    android:propertyName="rotateLeftRightIn"
    android:valueFrom="@integer/card_flip_rotation_off"
    android:valueTo="0" 
    android:valueType="intType"/>

在这种情况下，@integer/card_flip_time_full 代表整个动画的持续时间，@integer/card_flip_rotation_off 代表度数(在这种情况下为 -90%) .

在此之后，我需要做的就是让这个动画起作用，当启动 fragment 时，在自定义动画中设置 xml 文件

transaction.setCustomAnimations(enter,exit,popEnter,popExit);

希望对大家有用^^