android - SeekBar と Fill の上に四角形を描画します

Question

SeekBar の機能を持ちたいのですが、線 (垂直) をカスタマイズして、バーを設定した最大値のセグメントごとに色が塗りつぶされた四角形にします。SeekBar を拡張するクラスは次のとおりです。

public class VerticalSeekBar extends SeekBar {

    private static final int NUMBER_OF_MINUTES = 120;
    private Paint mPaint = new Paint();

    public VerticalSeekBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        setMax(NUMBER_OF_MINUTES - 1);
    }

    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(h, w, oldh, oldw);
    }

    @Override
    protected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(heightMeasureSpec, widthMeasureSpec);
        setMeasuredDimension(getMeasuredHeight(), getMeasuredWidth());
    }

    protected void onDraw(Canvas canvas) {
        canvas.rotate(90);
        canvas.translate(0, -getWidth());

        super.onDraw(canvas);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        if (!isEnabled()) {
            return false;
        }

        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
            case MotionEvent.ACTION_MOVE:
            case MotionEvent.ACTION_UP:
                int i=0;
                i=getMax() - (int) (getMax() * event.getY() / getHeight());
                setProgress(getMax()-i);
                onSizeChanged(getWidth(), getHeight(), 0, 0);
                break;

            case MotionEvent.ACTION_CANCEL:
                break;
        }
        return true;
    }

}

設定した最大 120 の各セグメントの色を塗りつぶすことができる太い垂直線 (長方形) が必要です。ここに画像があります：

現在、スライダーとしてつまみを持つ基本的な垂直シークバーがあり、リストビューの位置に対応しています。listView と組み合わせて、スライダーの位置に応じて、リストビューのその部分を表示するための seekBar が必要です。