Android和多线程中的动画

Question

在尝试向ImageViews中添加动画时，我似乎没有正确的多线程处理，这给了我错误的结果。

这是我叫动画的部分>>

startAnimation(gameController.getSecondImage()); // 1
...
startAnimation(gameController.getFirstImage()); // 2
...
startAnimation(gameController.getSecondImage()); // 3
...

这里的问题是，当我不创建单独的线程时，对于startAnimation()函数，所有3个调用同时发生，并且一切都弄糟了。 但是现在仍然不能完美运行，第一个和第三个调用混乱了。

public void startAnimation(final ImageView image1) {

    final ImageView image2 = cardViewMap.get(cardSwapMap.get(image1.getId()));
    Runnable animate = new Runnable() {

        @Override
        public void run() {

            animationController.animate(image1, image2);
        }
    };
    Thread animationThread = new Thread(animate);
    animationThread.start();
    try {                                         //
        animationThread.join();                   //
    } catch (InterruptedException e) {            // Added Later
        Log.d("ERROR", e.toString());             //
    }                                             //
}

我尝试使用join()进行实验，但没有成功，它现在给出了更加激进的结果。 我认为使用join()将确保在开始新的调用之前执行先前对startAnimation()调用。

编辑：我已经跟踪了问题，问题是当主Looper运行时正在调用我的startAnimation()函数。 因此，在对函数的所有三个调用均完成之后，将执行该命令。 我需要确保startAnimation()在我进行调用时运行，并在下一次对同一函数的调用发生之前执行。 任何想法如何确保这一点？

Answer 1

尝试运行此代码，它将帮助您理解变通方法，一旦运行它，将使您更容易理解，

在下面的animation_test_activity.xml代码中指定一个布局名称

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<ImageView
    android:id="@+id/imageView3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:src="@drawable/ic_launcher"
    android:visibility="invisible" />

<ImageView
    android:id="@+id/imageView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/imageView3"
    android:layout_alignParentTop="true"
    android:src="@drawable/ic_launcher"
    android:visibility="invisible" />

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/imageView3"
    android:layout_alignParentTop="true"
    android:src="@drawable/ic_launcher"
    android:visibility="invisible" />

<Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/imageView3"
    android:layout_alignParentBottom="true"
    android:text="click me" />

</RelativeLayout> 

现在创建一个名为AnimationTest.java的活动，代码如下。

package com.some.servewrtest;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.AnimationSet;
import android.view.animation.TranslateAnimation;
import android.widget.Button;
import android.widget.ImageView;

public class AnimationTest extends Activity implements OnClickListener {

private ImageView[] imageViews = new ImageView[3];
private Button button;


@Override
protected void onCreate(Bundle savedInstanceState) {
    // TODO Auto-generated method stub
    super.onCreate(savedInstanceState);
    setContentView(R.layout.animation_test_activity);

    initializeUI();
}

private void initializeUI() {
    // TODO Auto-generated method stub
    imageViews[0] = (ImageView) findViewById(R.id.imageView1);
    imageViews[1] = (ImageView) findViewById(R.id.imageView2);
    imageViews[2] = (ImageView) findViewById(R.id.imageView3);
    button = (Button)findViewById(R.id.button1);
    button.setOnClickListener(this);
}

@Override
public void onClick(View v) {
    // TODO Auto-generated method stub
    AnimationSet set = new AnimationSet(true);
    TranslateAnimation[] animations = new TranslateAnimation[3];
    int duration = 300;
    animations[0] = createCoins(0, duration*1, 0, 0, 0, 270); 
    animations[1] = createCoins(1, duration*2, 0, -100, 0, 270); 
    animations[2] = createCoins(2, duration*3, 0, 100, 0, 270);
    set.addAnimation(animations[0]);
    set.addAnimation(animations[1]);
    set.addAnimation(animations[2]);
    set.start();
}

private TranslateAnimation createCoins(int i, int duration, int fromXDelta, int toXDelta, int fromYDelta, int toYDelta) {
    // TODO Auto-generated method stub
    TranslateAnimation animation = new TranslateAnimation(fromXDelta, toXDelta, fromYDelta, toYDelta);
    animation.setDuration(duration+1900);
    animation.setFillAfter(false);
    imageViews[i].setVisibility(ImageView.VISIBLE);
    imageViews[i].setAnimation(animation);
    imageViews[i].setVisibility(ImageView.INVISIBLE);
    return animation;
}

}

该代码可以正常工作，您也可以对其进行测试，从而可以自定义使用方式。

现在我们有一个可行的例子，我们将看到如何到达那里，

首先，如果您尝试使用AnimationSet一遍又一遍地对同一张图片进行动画处理，或者对同一张图片制作不同的TranslateAnimation引用类型不起作用，因为单个图片实际上试图同时位于两个不同的位置。 所以发生的事情是只看到第一个动画，而其他动画被android忽略了，这是repeat方法的结果在android中不起作用。

为了解决这个问题，我们可以做的是拥有尽可能多的视图，这一次我们需要在每个视图上分别显示不同的动画。 因为每个动画都与单个视图相关，所以它们可以同时工作。

我无法告诉您不要进行多线程处理，但请记住您正在尝试在UI线程上执行此操作，因此，如果您的应用程序中包含许多动画，则很可能会使这些线程陷入您的应用程序中。

如果您想在特定动画结束时收听事件，可以说动画，然后执行此操作

animation..setAnimationListener(new AnimationListener() {

                @Override
                public void onAnimationStart(Animation animation) {
                    // TODO Auto-generated method stub
                    Log.d(TAG, "Animation has started");
                }

                @Override
                public void onAnimationRepeat(Animation animation) {
                    // TODO Auto-generated method stub
                    Log.d(TAG, "Animation is repeat");
                }

                @Override
                public void onAnimationEnd(Animation animation) {
                    // TODO Auto-generated method stub
                    Log.d(TAG, "Animation is over");

                }
            });

通过这样做，您可以在上一个结束时开始新的动画:)

Answer 2

我尝试使用Android工具失败。 我回过头来用多线程修复它。

尽管我更改了很多其他代码，但这是我遇到的重要问题之一-

package thakur.rahul.colourmemory.controller;

import thakur.rahul.colourmemory.view.Animation.DisplayNextView;
import thakur.rahul.colourmemory.view.Animation.Flip3dAnimation;
import android.app.Activity;
import android.view.animation.AccelerateInterpolator;
import android.widget.ImageView;

public class AnimationController implements Runnable {

    private Activity activity;
    private ImageView image1;
    private ImageView image2;
    private boolean isFirstImage = true;
    private volatile static int numThread = 1;
    private volatile static int threadAllowedToRun = 1;
    private int myThreadID;
    private volatile static Object myLock = new Object();
    private volatile static boolean hasNotSlept = true;
    public volatile static boolean fixForMatch = false;

    public AnimationController(Activity activity, ImageView image1, ImageView image2) {

        this.activity = activity;
        this.image1 = image1;
        this.image2 = image2;
        this.myThreadID = numThread++;
    }

    @Override
    public void run() {

        synchronized (myLock) {
            while (myThreadID != threadAllowedToRun)
                try {
                    myLock.wait();
                } catch (InterruptedException e) {
                } catch (Exception e) {
                }
            animate();
            if (myThreadID % 2 == 0)
                if (hasNotSlept || fixForMatch)
                    try {
                        Thread.sleep(1000);
                        hasNotSlept = !hasNotSlept;
                    } catch (InterruptedException e) {
                    }
                else
                    hasNotSlept = !hasNotSlept;
            myLock.notifyAll();
            threadAllowedToRun++;
        }
    }

    public void animate() {

        if (isFirstImage) {
            applyRotation(0, 90);
            isFirstImage = !isFirstImage;
        } else {
            applyRotation(0, -90);
            isFirstImage = !isFirstImage;
        }
    }

    private void applyRotation(float start, float end) {

        final float centerX = image1.getWidth() / 2.0f;
        final float centerY = image1.getHeight() / 2.0f;
        final Flip3dAnimation rotation = new Flip3dAnimation(start, end, centerX, centerY);
        rotation.setDuration(300);
        rotation.setFillAfter(true);
        rotation.setInterpolator(new AccelerateInterpolator());
        rotation.setAnimationListener(new DisplayNextView(isFirstImage, image1, image2));
        if (isFirstImage)
            activity.runOnUiThread(new Runnable() {

                @Override
                public void run() {

                    image1.startAnimation(rotation);
                }
            });
        else
            activity.runOnUiThread(new Runnable() {

                @Override
                public void run() {

                    image2.startAnimation(rotation);
                }
            });
    }
}

这是从主控制器调用的-

public void startAnimation(ImageView image1) {

    ImageView image2 = cardViewMap.get(cardSwapMap.get(image1.getId()));
    animationController = new AnimationController(activity, image1, image2);
    animationThread = new Thread(animationController);
    animationThread.start();
}

基本上，每次我需要运行动画时，我都会制作并标记线程，以便可以按顺序运行它。

如果您有更好的解决方案，请添加您的答案。