Android - How can I make an animation of an image

Question

I'm taking a Coursera class on Android programming. Here's a illustration of what I'm trying to do...

Here's the code I have so far...

XML:

<Button
        android:id="@+id/startbutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/leftfoot"
        android:layout_alignRight="@+id/leftfoot"
        android:onClick="startRhythmandAnimation"
        android:text="@string/start_button" />

Java:

public class Assignment3MainActivity extends Activity {

private View mMileTimeGoal;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_assignment3_main);
    mMileTimeGoal = findViewById(R.id.miletimegoal);
}

public void startRhythmandAnimation () {
    String MileTime = mMileTimeGoal.getContext().toString();
    String[] time_array = MileTime.split(":");
    int hours = Integer.parseInt(time_array[0]);
    int minutes = Integer.parseInt(time_array[1]);
    int seconds = Integer.parseInt(time_array[2]);
    int duration = 3600 * hours + 60 * minutes + seconds;
    int steps_per_second = 3;

    int running_rate = duration * steps_per_second;

    View rightfoot = findViewById(R.id.rightfoot);
    View leftfoot = findViewById(R.id.leftfoot);

    rightfoot.setVisibility(View.VISIBLE);
    Animation anim = AnimationUtils.makeInChildBottomAnimation(this);
    rightfoot.startAnimation(anim);

    leftfoot.setVisibility(View.VISIBLE);
    leftfoot.startAnimation(anim);
}

Any ideas on how to form my algorithm which would slide and fade my rightfoot view and leftfoot view?

Should I use a while loop and kick off some type of timer?

Answer 1

Activity

private Handler mHandler;    
private long mInterval = 1000;
private View mLeftfoot;
private Animation mFootAnim;

public void onCreate(Bundle bundle) {
   ...
   mHandler = new Handler(); //.os package class when importing
   mLeftfoot = findViewById(R.id.leftfoot);
   mFootAnim = AnimationUtils.loadAnimation(this, R.anim.foot);
   stepRecursive();
}

private void stepRecursive() {
    mHandler.postDelayed(new Runnable() {
        @Override
        public void run() {
            mLeftFoot.startAnimation(mFootAnim );
            stepRecursive();
        }
    }, mInterval);
}

/res/anim/foot.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromYDelta="0" android:toYDelta="-15" android:duration="400"/>
    <alpha android:fromAlpha="1.0" android:toAlpha="0" android:duration="400" />
</set>

Thats straight off the top of my head (thus untested) but should be plenty to get you going in the right direction