Question

All- I have a simple app in which I want a man to walk across the screen. Right now the animation is happening in one place like a sticky note flip book. In other words the frames are changing in one place like a spinning wheel would. My question is how can I get the animation to progress forward (at my desired pace) as well as change frames? Here is my code concerning this issue:

public void start(View v) {  
    ImageView img = (ImageView)findViewById(R.id.imageView); 
    img.setBackgroundResource(R.drawable.animation); 
    AnimationDrawable frameAnimation = (AnimationDrawable) img.getBackground();                
    frameAnimation.start();
}

Thanks for your time and effort!

Answer 1

You could do something like this, using your own image(the image of the man):

Main Class:

package com.android.animation;

import android.app.Activity;
import android.os.Bundle;

public class Main extends Activity 
{

    Animation myView;

    @Override
    public void onCreate(Bundle savedInstanceState) 
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        myView = new Animation(this);
        setContentView(myView);
    }
}

Animation Class:

package com.android.animation;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.view.View;

public class Animation extends View
{
Bitmap gBall;
float changingY;

public Animation(Context content)
{
    super(content);

    gBall = BitmapFactory.decodeResource(getResources(), R.drawable.ball);
    changingY = 0;
}

@Override
protected void onDraw(Canvas canvas)
{
    super.onDraw(canvas);
    canvas.drawColor(Color.BLACK);
    canvas.drawBitmap(gBall, (canvas.getWidth()/2), changingY, null);
    if(changingY < canvas.getHeight())
        changingY += 10;
    else
        changingY = 0;

    invalidate();
}
}

XML file:

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

<TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/hello" />

</LinearLayout>

In fact, if you want you can go ahead and copy paste my code and see how it works(make sure to put an image in the drawable-hdpi folder)… you should be able to use it as a template for your project. Hope it helps!

P.S You could of course, change the ChangingY variable to ChangingX (for example; of course you would have to change a couple other things like the drawBitmap() method.. not hard though) to make the ball move in a horizontal line… see how it works out for you.