如何使用加載動畫創建自定義視圖 - 從左到右填充自定義文本？

Question

我用xml創建了加載動畫並在活動中播放。

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>

活動中的方法：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 的矩形（您可以為此使用 View ）。 將其向左對齊並將其（背景）顏色設置為橙色。
• 在您的 onStart 方法中，安排一個 TimerTask 讓矩形每 50 毫秒增加 5dp 的寬度（玩弄這些數字）。 （您可以使用 LayoutParams 更改寬度和TimerTask 以每 x 毫秒循環一次）
• 當矩形到達屏幕末端時，將其寬度重置為 0。（您可以使用 DisplayMetrics 以 dp 為單位確定屏幕的寬度）

我不會使用自定義視圖。