How to display separators in Android SeekBar?

Question

I have added a SeekBar to one of my fragments. Struggling to add white lines(divider) as shown in above SeekBar. Any clue ? Is there any property I can set for this?

see [here](http://stackoverflow.com/a/30873744/2252830) or [here](http://stackoverflow.com/a/21060826/2252830) — pskink, Oct 29 '16 at 08:44

score 2 · Answer 1 · answered Jul 07 '17 at 10:28

Below is what I have done on a basic level. You will need to make it dynamic to taste:

public class SegmentedSeekBar extends android.support.v7.widget.AppCompatSeekBar {

    private Paint progressPaint;

    public SegmentedSeekBar(Context context) {
        super(context);
        init();
    }

    public SegmentedSeekBar(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public SegmentedSeekBar(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }

    private void init() {
        progressPaint = new Paint();
        progressPaint.setStyle(Paint.Style.FILL_AND_STROKE);
        progressPaint.setColor(Color.LTGRAY);
        progressPaint.setStrokeWidth(2.0f);
    }

    @Override
    protected synchronized void onDraw(Canvas canvas) {
        int halfHeight = getHeight() / 2;

        int pos;
        float smallH = 10;

        float div = (getWidth() - getPaddingRight() - getPaddingLeft()) / (getMax());

        for (int i = 1; i < getMax(); i++) {
            pos = (int) (div * i) + getPaddingLeft();

            canvas.drawLine(
                    pos + 1.0f,
                    halfHeight - (halfHeight / 2.0f),
                    pos + 1.0f,
                    halfHeight + (halfHeight / 2.0f),
                    progressPaint);
        }

        super.onDraw(canvas);
    }
}

this should be accepted, works like a charm, and clean. – ubulon Apr 29 '20 at 20:18 — ubulon, Apr 29 '20 at 20:18

score 0 · Answer 2 · edited May 23 '17 at 12:16

0

Best way to done your requirement is add empty view(3 View) over seek bar. create view with match_parent height , 2dp width over seek-bar.

For more info see the link Seek bar with divider

edited May 23 '17 at 12:16

Community

1
1

answered Oct 29 '16 at 05:30

Magesh Pandian

8,789
12
45
60

How to display separators in Android SeekBar?

2 Answers2