Java 设置按钮背景动画以反映剩余时间？

我正在做一个android项目，用户可以扫描RFID标签。标记在一定时间后过期，以便在另一个标记进入之前清除系统，基本上避免错误地处理同一个标记两次。为了可视化这个超时，我希望显示标签ID的按钮的背景是动画。基本上，我希望当标签刚刚被扫描时，整个按钮充满颜色，并随着时间的推移慢慢缩小到中间

我目前的发现： 我找到了他们谈论属性api的地方。我可以看到这是一个梯度工作，但不幸的是，有关梯度的文档是sparce，它看起来不会那么容易做到这一点

我还认为，也许你可以通过在按钮下方以某种方式将另一个相同大小的视图分层并缩放来实现这一点。但老实说，我认为这很难始终如一地做到，尤其是在计时器处理和配置更改时调整视图的大小。再说一次，我对android并没有太多经验，几乎所有东西都使用线性和网格布局，因为它们最容易理解

我真正需要的是某种方法，通过一个值（总时间和剩余时间的比率）向中间“缩放”背景，就像我在这里演示的那样。或者一种基本上具有硬颜色渐变的方法，其中渐变的白色部分随着时间的推移向中间移动

我认为可能有效的最后一个解决方案是绘制一个动画向量，并操纵与之相关联的objectanimator，使其以正确的速度播放。然而，这个解决方案可能相当混乱，虽然我还没有尝试过（现在）

有没有人对这个问题有一个干净的解决方案

---

注意：我在这个项目中使用java。我没有包括代码片段，因为我认为不需要它们。如果你需要一些片段，请简单地问，我会提供。我的Minsdk版本是25，因为作业的目标设备有android 7.1，无法更新到新版本。

下面是一个带有两个进度条和文本视图的示例布局：

    <?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ProgressBar
        android:id="@+id/progressBar"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:progressBackgroundTint="@color/transparent"
        android:rotation="180"
        android:scaleY="4"
        app:layout_constraintBottom_toBottomOf="@id/textView2"
        app:layout_constraintEnd_toStartOf="@+id/progressBar2"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="@id/textView2"
        tools:progress="100" />

    <ProgressBar
        android:id="@+id/progressBar2"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:progressBackgroundTint="@color/transparent"
        android:scaleY="4"
        app:layout_constraintBottom_toBottomOf="@id/textView2"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/progressBar"
        app:layout_constraintTop_toTopOf="@id/textView2"
        tools:progress="100" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="24dp"
        android:text="TextView"
        android:textAlignment="center"
        android:textColor="@color/black"
        android:textStyle="bold"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

---

我只需要使用一个水平进度条和一个计时器，随着时间的流逝，它会将进度从100%更新到0%。如果要在中间重置进度，请使用两个进度条side@NikosHidalgo好主意。我将尝试这一点，并向您汇报。然而，我对它应该如何使用2个进度条感到困惑。我不能将文本跨越2个视图元素：“按钮”可以是任何可单击的视图。ImageView可能是一个诀窍。或者甚至是带有缩小的ImageView的线性布局。

    ObjectAnimator animation = ObjectAnimator.ofInt(pb, "progress", 0, 100);
    animation.setDuration(5000);
    animation.setInterpolator(new DecelerateInterpolator());
    animation.addListener(new Animator.AnimatorListener() {
        @Override
        public void onAnimationStart(Animator animator) { }

        @Override
        public void onAnimationEnd(Animator animator) {
            //do something when the countdown is complete
        }

        @Override
        public void onAnimationCancel(Animator animator) { }

        @Override
        public void onAnimationRepeat(Animator animator) { }
    });
    animation.start();

    AnimatorSet set = new AnimatorSet();
    set.playTogether(ObjectAnimator.ofInt(pb, "progress", 100, 0),
            ObjectAnimator.ofInt(pb2, "progress", 100, 0));
    set.setDuration(5000);
    set.start();