Question

我希望像Google Now应用中的卡片一样，逐个动画一些TextViews。我找到了这个question，我试图按照它的指示，但所有动画都在同时播放。我做错了什么？

这是我想要播放的动画：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator" >

    <translate
        android:duration="@integer/config_slide_time"
        android:fromYDelta="100%p"
        android:toYDelta="0" />

    <alpha
        android:duration="@integer/config_slide_time"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />

    <rotate
        android:duration="@integer/config_slide_time"
        android:fromDegrees="25"
        android:pivotX="0"
        android:pivotY="0"
        android:toDegrees="0" />

</set>

这是我正在使用的布局：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.yai.properti.tujuh.tujuh.tujuh.ReadUserProfile$PlaceholderFragment" >

    <com.yai.app.animation.support.NowLayout 
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#e3e3e3"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/txtView"
            style="@style/nowCardStyle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="aaa"
            tools:context=".MainActivity" />

        <TextView
            android:id="@+id/txtView1"
            style="@style/nowCardStyle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="bbb"
            tools:context=".MainActivity" />

        <TextView
            android:id="@+id/txtView2"
            style="@style/nowCardStyle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="ccc"
            tools:context=".MainActivity" />

        <TextView
            android:id="@+id/txtView3"
            style="@style/nowCardStyle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="ddd"
            tools:context=".MainActivity" />

        <TextView
            android:id="@+id/txtView4"
            style="@style/nowCardStyle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="eee"
            tools:context=".MainActivity" />

    </com.yai.app.animation.support.NowLayout>

</RelativeLayout>

Answer 1

尝试循环浏览Views并使用Animation开始postDelayed()，如下所示：

View[] views = new View[] { ... };

// 100ms delay between Animations
long delayBetweenAnimations = 100l; 

for(int i = 0; i < views.length; i++) {
    final View view = views[i];

    // We calculate the delay for this Animation, each animation starts 100ms 
    // after the previous one
    int delay = i * delayBetweenAnimations;

    view.postDelayed(new Runnable() {
        @Override
        public void run() {
            Animation animation = AnimationUtils.loadAnimation(context, R.anim.your_animation);    
            view.startAnimation(animation);
        }
    }, delay);
}

Answer 2

也许这不是一种标准方式，但它比其他答案更适合我。我为每个我希望在彼此之后设置动画的视图制作动画资源文件，并为每个下一个动画提供更长的持续时间。例如，如果我们有三个我们想要从右到左动画的文本视图，我们会像这样制作两个动画文件.xml：

anim1.xml：

<translate
xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXDelta="500"
android:toXDelta="0"
android:fromYDelta="0"
android:toYDelta="0"
android:duration="1000">

</translate>

anim2.xml：

<translate
xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXDelta="1000"
android:toXDelta="0"
android:fromYDelta="0"
android:toYDelta="0"
android:duration="1500">

</translate>

并且在我的活动中，我将textview设置为：

new AnimationUtils();
Animation anim_one= AnimationUtils.loadAnimation(this,  R.anim.anim1);
Animation anim_two = AnimationUtils.loadAnimation(this, R.anim.anim2);
txt1.startAnimation(anim_one);
txt2.startAnimation(anim_two);

Answer 3

尝试实现animationListener

并为每个textView执行类似的操作

  @Override
    public void onAnimationEnd(Animation animation) {
        another_text.startAnimation(animation1);

    }

Answer 4

要制作视图动画，我们希望视图不可见并随动画一起可见，对吗？

这就是我实现这一目标的方式。

             int i = 0;
             long delayBetweenAnimations = 100L;

             while (viewsContainer.getChildAt(i) != null) {
                final View v = viewsContainer.getChildAt(i);
                v.setVisibility(View.Gone);                 //make the view invisible because the animation will take time to start
                i++; 
                long delay = i * delayBetweenAnimations;   //increase the delay time so each view's animation take longer time.

                    v.postDelayed(new Runnable() {
                        @Override
                        public void run() { 
                            v.setVisibility(View.VISIBLE);   //make the view visible now
                            Animation animation = AnimationUtils.loadAnimation(context, R.anim.lefttoright);
                            v.startAnimation(animation);
                        }
                    }, delay);
            }

动画视图一个接一个

4 个答案: