Вертикальный ProgressBar в Android

Возникла недавно необходимость в оном. Стандартного не оказалось, пришлось писать свой.


Собственные контролы в андроиде бывают нескольких видов:

1. Расширение существующего контрола. Например, при написании собственного ToggleButton имеет смысл наследоваться от Button.
2. Составные компоненты. Например, контрол NumberPicker можно представить, как комбинацию двух кнопок (+ и −) и TextView, в котором выводится текущее значение. При разработке подобных контролов можно наследоваться от всяческих Layout-ов, а расположение контролов задавать либо в коде, либо в XML-разметке.
3. Полностью настраиваемые компоненты. Когда ни один из существующих контролов не обладает нужной фунцкциональностью, мы реализуем всю логику и отрисовку компонента сами.

Как несложно догадаться, наш вариант последний. При разработке полностью настраиваимых компонентов правила простые:

• Наследуемся от View.
• Реализуем метод onMeasure, в котором выделяем место под компонент.
• Реализуем метод onDraw, осуществляющий отрисовку компонента.
• Ну и конечно, по ходу пишем логику работы компонента, добавляем листенеры и т.д.

А теперь, иллюстрируя сказанное, представлю код класса VerticalProgressBar

VerticalProgressBar.java

public class VerticalProgressBar extends View 
{
    private static final int WIDTH = 20;
    
    private static final int REMAIN = Color.rgb(49, 49, 49);
    private static final int PROCEED = Color.rgb(22, 72, 237);
    private static final int FINISHED = Color.rgb(124, 209, 15);
    
    private int mHeight;
    private int mWidth;
    
    private int mProgress;
    private int mMax;

    public VerticalProgressBar(Context context)
    {
        this(context, null);
    }

    public VerticalProgressBar(Context context, AttributeSet attrs)
    {
        super(context, attrs);
    }
    
    public synchronized void incrementProgressBy(int delta)
    {
        this.setProgress(mProgress + delta);
    }

    public synchronized void setProgress(int progress)
    {
        if (progress < 0)
        {
            progress = 0;
        }

        if (progress > mMax)
        {
            progress = mMax;
        }

        if (progress != mProgress)
        {
            mProgress = progress;
            refreshProgress();
        }
    }

    public synchronized void setMax(int max)
    {
        this.mMax = max;
    }

    @Override
    protected void onDraw(Canvas canvas)
    {
        super.onDraw(canvas);
        
        Paint paint = new Paint();
        paint.setColor(REMAIN);
        paint.setStyle(Style.FILL);

        if (mProgress == 0)
        {
            canvas.drawRect(0, 0, this.mWidth, this.mHeight, paint);
        }
        else if (mProgress >= mMax)
        {
            paint.setColor(FINISHED);
            paint.setStyle(Style.FILL);
            canvas.drawRect(0, 0, this.mWidth, this.mHeight, paint);
        }
        else
        {
            float proceedHeight = ((float) mProgress / mMax) * (float) this.mHeight;

            canvas.drawRect(0, proceedHeight, this.mWidth, this.mHeight, paint);
            paint.setColor(PROCEED);
            paint.setStyle(Style.FILL);
            canvas.drawRect(0, 0, this.mWidth, proceedHeight, paint);
        }
        paint.setColor(Color.BLACK);
        paint.setStyle(Style.FILL);
        canvas.drawLine(0, this.mHeight, this.mWidth, this.mHeight, paint);
        canvas.drawLine(0, 0, this.mWidth, 0, paint);

    }
    
    @Override
    protected void onMeasure(int widthSpecId, int heightSpecId)
    {
        this.mHeight = View.MeasureSpec.getSize(heightSpecId);
        this.mWidth = WIDTH; 
        
        setMeasuredDimension(this.mWidth, this.mHeight);
    }
    
    private synchronized void refreshProgress()
    {
        invalidate();
    }
}

Я уже не стану добавлять тут никаких событий и листенеров, это не входит в тему статьи. Желающие могут дорабатывать этот класс самостоятельно.
А вот и пример работы:

А можно немного поменять способ отрисовки, и получится вот что:

Код этого класса я представлять не буду, желающие могут посмотреть исходники примера.