如何将图像放在textview的顶部并开始从左向右移动的动画？

Question

I need to implement some design in my Android App that put an image on top of a textview and move from left to right to mimic some refreshing effect like shown in the picture below

Notice "of" is covered now. And the image move to right continuously, you will see refresh effect. The image is below

I know there is a library that the owner didn't maintain any more https://github.com/RomainPiel/Titanic/blob/master/library/src/main/java/com/romainpiel/titanic/library/Titanic.java but thinking if there is more elegant or simple way to achieve such effect since this is only one dimension movement.

Answer 1

Create a directory anim inside the res directory and put this as slide.xml

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

   <translate
        android:fromXDelta="0%p"
        android:toXDelta="75%p"
        android:duration="800" />
</set>

Step 2

 // Refer the ImageView like this
imageView = (ImageView) findViewById(R.id.img);

// Load the animation like this
animSlide = AnimationUtils.loadAnimation(getApplicationContext(),
                    R.anim.slide);

// Start the animation like this
imageView.startAnimation(animSlide);