多色进度条答案

【问题标题】：Multi Colour progress bar多色进度条
【发布时间】：2015-02-20 13:25:59
【问题描述】：

我想创建一个类似于 gmail 应用程序的进度条（中间进度条），它可以改变颜色。我可以通过保存和更新来自 sdk/platforms 的 progress_indeterminate_horizontal.xml 来做到这一点。我不想使用动画（多色图像）。我想使用 xml 来实现这一点（我想使用渐变）。任何帮助将不胜感激。

提前致谢

【问题讨论】：

您正在阅读此链接 [post][1] [1]：stackoverflow.com/questions/16413633/…

标签： android material-design android-progressbar progress-indicator

【解决方案1】：

这是我的实现：绘制动画彩虹渐变。酷，如果我自己这么说的话。它不是基于 XML 的，但可以做成这样，而且它确实使用了渐变。也许它会给你一些想法。

设置：

    pb = (ProgressBar) findViewById(R.id.progressbar_Horizontal);
    GradientDrawable rainbow = new GradientDrawable(Orientation.LEFT_RIGHT,
            new int[] {Color.RED, Color.MAGENTA, Color.BLUE, Color.CYAN, Color.GREEN, Color.YELLOW, Color.RED});

    AnimationDrawable ad = getProgressBarAnimation();
    pb.setBackgroundDrawable(ad);

还有动画：

    private AnimationDrawable getProgressBarAnimation(){

    GradientDrawable rainbow1 = new GradientDrawable(Orientation.LEFT_RIGHT,
            new int[] {Color.RED, Color.MAGENTA, Color.BLUE, Color.CYAN, Color.GREEN, Color.YELLOW});

    GradientDrawable rainbow2 = new GradientDrawable(Orientation.LEFT_RIGHT,
            new int[] { Color.YELLOW, Color.RED, Color.MAGENTA, Color.BLUE, Color.CYAN, Color.GREEN});          

    GradientDrawable rainbow3 = new GradientDrawable(Orientation.LEFT_RIGHT,
            new int[] { Color.GREEN, Color.YELLOW, Color.RED, Color.MAGENTA, Color.BLUE, Color.CYAN });

    GradientDrawable rainbow4 = new GradientDrawable(Orientation.LEFT_RIGHT,
            new int[] { Color.CYAN, Color.GREEN, Color.YELLOW, Color.RED, Color.MAGENTA, Color.BLUE });

    GradientDrawable rainbow5 = new GradientDrawable(Orientation.LEFT_RIGHT,
            new int[] { Color.BLUE, Color.CYAN, Color.GREEN, Color.YELLOW, Color.RED, Color.MAGENTA });

    GradientDrawable rainbow6 = new GradientDrawable(Orientation.LEFT_RIGHT,
            new int[] {Color.MAGENTA, Color.BLUE, Color.CYAN, Color.GREEN, Color.YELLOW, Color.RED });


    GradientDrawable[]  gds = new GradientDrawable[] {rainbow1, rainbow2, rainbow3, rainbow4, rainbow5, rainbow6};

    AnimationDrawable animation = new AnimationDrawable();

    for (GradientDrawable gd : gds){
        animation.addFrame(gd, 100);

    }

    animation.setOneShot(false);

    return animation;


}

科特林

设置：

    val ad = getProgressBarAnimation()
    progressBar.background = ad

还有动画：

fun getProgressBarAnimation(): AnimationDrawable {

    val rainbow1 = GradientDrawable(GradientDrawable.Orientation.LEFT_RIGHT,
            intArrayOf(Color.RED, Color.MAGENTA, Color.BLUE, Color.CYAN, Color.GREEN, Color.YELLOW))

    val rainbow2 = GradientDrawable(GradientDrawable.Orientation.LEFT_RIGHT,
            intArrayOf(Color.YELLOW, Color.RED, Color.MAGENTA, Color.BLUE, Color.CYAN, Color.GREEN))

    val rainbow3 = GradientDrawable(GradientDrawable.Orientation.LEFT_RIGHT,
            intArrayOf(Color.GREEN, Color.YELLOW, Color.RED, Color.MAGENTA, Color.BLUE, Color.CYAN))

    val rainbow4 = GradientDrawable(GradientDrawable.Orientation.LEFT_RIGHT,
            intArrayOf(Color.CYAN, Color.GREEN, Color.YELLOW, Color.RED, Color.MAGENTA, Color.BLUE))

    val rainbow5 = GradientDrawable(GradientDrawable.Orientation.LEFT_RIGHT,
            intArrayOf(Color.BLUE, Color.CYAN, Color.GREEN, Color.YELLOW, Color.RED, Color.MAGENTA))

    val rainbow6 = GradientDrawable(GradientDrawable.Orientation.LEFT_RIGHT,
            intArrayOf(Color.MAGENTA, Color.BLUE, Color.CYAN, Color.GREEN, Color.YELLOW, Color.RED))


    val gds = arrayListOf(rainbow1, rainbow2, rainbow3, rainbow4, rainbow5, rainbow6)

    val animation = AnimationDrawable()

    for (gd in gds) {
        animation.addFrame(gd, 100)
    }

    animation.isOneShot = false;

    return animation;
}

【讨论】：

可以发一下截图吗？

【解决方案2】：

This is what you are looking for.将此库添加到您的项目中，您就可以使用它了。

然后您就可以将其用作普通的进程栏了。示例：

private SmoothProgressBar  mProgressBar;

创建时：

mProgressBar = (SmoothProgressBar) findViewById(R.id.progressbar);
mProgressBar.progressiveStart();

暂停：

mProgressBar.progressiveStop();

【讨论】：

感谢 Tushar 的支持，但我不是在寻找库，而是在寻找方法添加此库将使我的代码更重，这是我不想要的，否则我可以使用 @CommonsWare 上面提到的方法
我正在使用这个库。它没有那么重。试试看，自己看看。

【解决方案3】：

如果您使用的是material design library，那么制作线性进度条contiguous 可能就是您想要的。

在具有此属性的布局中：
```
app:indeterminateAnimationType
```
或以编程方式使用此方法：
```
setIndeterminateAnimationType()
```

更多信息请参考here。

【讨论】：