如何使用加载动画创建自定义视图 - 从左到右填充自定义文本？

Question

我用xml创建加载动画并在activity中播放。

xml 文件：anim.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
    <item android:drawable="@drawable/loading_00001" android:duration="50" />
    <item android:drawable="@drawable/loading_00002" android:duration="50" />
    <item android:drawable="@drawable/loading_00003" android:duration="50" />
    <item android:drawable="@drawable/loading_00004" android:duration="50" />
    <item android:drawable="@drawable/loading_00005" android:duration="50" />
</animation-list>

activity中的方法：playAnimation

private void playAnimation() {    
    ImageView imageView = (ImageView) findViewById(R.id.imageView);
    imageView.setBackgroundResource(R.drawable.anim);
    AnimationDrawable animation = (AnimationDrawable) imageView.getBackground();
    animation.start();
}

得到：

需要创建相同的，但需要使用另一种方式 - 没有可绘制资源的自定义视图。仅以编程方式绘制。

类似这样的：

public CustomLoadingView extends View {

   public CustomLoadingView(Context context) {
       this(context, null);
   }

   public CustomLoadingView(Context context, AttributeSet attrs) {
       this(context, attrs, 0);
   }

   public CustomLoadingView(Context context, AttributeSet attrs, int defStyleAttr) {
       super(context, attrs, defStyleAttr);
       init(attrs);
   }

   private void init(AttributeSet attrs) {}

   @Override
   protected void onDraw(Canvas canvas) {}
}

需要在CustomLoadingView里面写什么，才能得到这个

???

Answer 1

我会使用透明文本，下方有一个填充矩形。以下是我的做法：

• 在一些可视化编辑软件中，如paint.net，在白色背景上创建文本，使边框变为橙色，并使填充透明。 （显然，你可以使用任何你想要的颜色，但透明度是必要的）
• 在活动上放置一个高度相同但宽度为 0 的矩形 (you can use View for this)。将其左对齐并将其（背景）颜色设置为橙色。
• 在您的 onStart 方法中，安排一个 TimerTask 让矩形每 50 毫秒增加 5dp 的宽度（玩弄这些数字）。 （You can use LayoutParams for changing the width 和 TimerTask for looping every x milliseconds）
• 当矩形到达屏幕末端时，将其宽度重置为 0。(You can use DisplayMetrics to determine the width of the screen in dp)

我不会使用自定义视图。