平滑进度条动画

Question

我试图为我的ProgressBar实现一个平滑的动画，但是当我增加时间（30秒）时，动画不再平滑。

5秒钟的例子：

30秒的例子：

我的进步背景：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <padding android:top="1dp" />
            <solid android:color="#10444444" />
        </shape>
    </item>
    <item>
        <shape>
            <padding android:top="1dp" />
            <solid android:color="#20444444" />
        </shape>
    </item>
    <item>
        <shape>
            <padding android:top="1dp" />
            <solid android:color="#30444444" />
        </shape>
    </item>
    <item android:id="@android:id/background">
        <shape>
            <solid android:color="@color/black_thirty" />
        </shape>
    </item>

    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <solid android:color="#3500D0" />
            </shape>
        </clip>
    </item>
</layer-list> 

我的进度布局：

<ProgressBar
    android:id="@+id/pb_loading"
    android:layout_width="match_parent"
    android:layout_height="8dp"
    android:indeterminate="false"
    android:layout_centerInParent="true"
    android:progress="100"
    android:progressDrawable="@drawable/my_progress_bar" />

我的动画制作方法：

private void startAnimation(){
    ProgressBar mProgressBar = (ProgressBar) findViewById(R.id.pb_loading);
    ObjectAnimator progressAnimator = ObjectAnimator.ofInt(mProgressBar, "progress", 100, 0);
    progressAnimator.setDuration(30000);
    progressAnimator.setInterpolator(new LinearInterpolator());
    progressAnimator.start();
}

Answer 1

如果您有Android N及以上版本，您可以使用：

progressBar.setProgress(newProgress, true)

文件：

将当前进度设置为指定值，可以选择在当前值和目标值之间设置视觉位置的动画。

动画不会影响getProgress（）的结果，它将在调用此方法后立即返回目标值。

https://developer.android.com/reference/android/widget/ProgressBar.html#setProgress（整型，布尔型）

Answer 2

因为您使用的是OFIT的，所以只能以整数移动。换句话说，如果你有一个宽度为1000，进度为0到100的进度条，因为你是以整数速度移动的，那么你可以计算1、2、3、4，这将转换为10px、20px、30px和40px。这就解释了你看到的锯齿状。

要纠正这一点，你有几个选择。第一个是将整数从0提升到一些BigInt，这将给动画师更多的数字来处理。

ObjectAnimator progressAnimator = ObjectAnimator.ofInt(mProgressBar, "progress", 10000, 0);

另一个选项是使用ofFloat，它与ofInt执行相同的操作，但使用浮点而不是整数。

ObjectAnimator progressAnimator = ObjectAnimator.ofFloat(mProgressBar, "progress", 100.0, 0.0);

Answer 3

如果您每次将进度值更改为1（例如从45更改为46），您将看不到动画。您最好将进度更改为100点（或者其他），为此您只需要将最大值乘以100，每个进度值也乘以100。例如：

    private void setProgressMax(ProgressBar pb, int max) {
        pb.setMax(max * 100);
    }

    private void setProgressAnimate(ProgressBar pb, int progressTo) 
    {
        ObjectAnimator animation = ObjectAnimator.ofInt(pb, "progress", pb.getProgress(), progressTo * 100);
        animation.setDuration(500);
        animator.setAutoCancel(true);
        animation.setInterpolator(new DecelerateInterpolator());
        animation.start();
    }