Android - 在同一个 XML 文件中进行翻译和 objectAnimator 的制作

Question

我一直在尝试制作一个3D立方体旋转效果，同时从一个片段滑动到另一个片段。起初我使用了一个translate效果（在XML上调用），使用FragmentTransaction.setCustomAnimations(...)，然后，在打开/关闭片段时，我使用Camera类进行旋转。

这很好用，但似乎我必须（不要问我为什么）只使用XML文件来实现所有这些动画。经过长时间的搜索，我发现应该使用objectAnimator来进行旋转。

按照Google的示例进行操作，我成功地制作了翻转动画。现在我需要将片段平移，使它们滑入和滑出。似乎我不能在同一个XML文件中同时使用objectAnimator和translate效果。因为会出现以下错误：

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>

片段调用另一个片段：（在这两个片段之间应该能看到立方体旋转）

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();
}

更新：

我已经成功解决了之前的问题，使用一个类来扩展我正在使用的片段的Framelayout。

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 的中间，无法制造立方体的错觉。是否有可能将旋转轴设置在某个特定的点上？

- Diogo Pereira

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%）。

之后，我只需要在启动片段时将XML文件设置为自定义动画，即可使此动画正常工作。

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

希望这对某些人有用 ^^

- Diogo Pereira

---

在我的情况下，我不得不在片段的根视图上添加额外的方法（getXFraction、setXFraction...），而不是FrameLayout，但结果是相同的。谢谢。 - codeskraps

@codeskraps，你能展示一下你是如何在片段的根视图上添加额外方法的吗？我想要滑动一个片段，我正在使用扩展的FrameLayout来实现。它可以工作，但有一些问题。我正在寻找更好的方法来解决这个问题。 - crubio

Answer 2

除了被接受的答案之外，您还可以定义一个动画集，就像这里所看到的：

  <item android:state_pressed="true">
    <set>
      <objectAnimator android:propertyName="translationZ"
        android:duration="100"
        android:valueTo="2"
        android:valueType="floatType"/>
        <!-- you could have other objectAnimator elements
             here for "x" and "y", or other properties -->
    </set>   
  </item>   

  <item android:state_enabled="true"
    android:state_pressed="false"
    android:state_focused="true">
    <set>
      <objectAnimator android:propertyName="translationZ"
        android:duration="100"
        android:valueTo="2"
        android:valueType="floatType"/>
    </set> 
  </item> 

如何使用StateListAnimator？

- Jawnnypoo