Question

I am building an Android application and I want to create a progress bar very much like what is seen at the bottom of the MIUI File Explorer (multiple segments with different colors):

There is no completely obvious solution as far as I can tell.
So far what I can think of is

• Layering many progress bars with transparent backgrounds on top of one another
• Extend the Progress bar class to take multiple values and rewrite the onDraw method

I think the first option would be far too slow and inefficient but the second option might be overly complex but is definitely the better solution.

Is there any better way of going about this?

Answer 1

you should make a custom view for it. Example:

final Paint blue = new Paint();
blue.setColor(Color.BLUE);

View progressBar = new View(getActivity()){

        protected void onDraw(android.graphics.Canvas canvas) {

            canvas.drawRect(0,0,getWidth()*progressPecentFirst,getHeight(),blue);
            blue.setColor(Color.RED);
            canvas.drawRect(0,0,getWidth()*progressPecentSecond,getHeight(),blue);
            //Repeat this
        };
    };
parentLayout.addView(progressBar);