How to show tick marks for Discrete Slider?

Question

I'm trying to style a seekbar/slider like the one labeled Discrete Slider - Click (that has the little tick mark indicators) in the Material Design Guidelines. I can't figure out the magical incantation to have the tickmarks show up, does anyone know how to do this?

I have a seekbar with 5 positions (0-4)

<SeekBar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:max="4" />

score 22 · Accepted Answer · edited Jul 27 '17 at 03:59

22

Add tick marks with the style attribute:

<SeekBar
    android:id="@+id/seekBar"
    style="@style/Widget.AppCompat.SeekBar.Discrete"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:max="10"
    />

Or add them manually by setting the tickMark drawable:

<SeekBar
    android:id="@+id/seekBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:max="10"
    android:tickMark="@drawable/tickmark"
    />

tickmark.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="oval">
    <size android:width="4dp"
          android:height="4dp"/>
    <solid android:color="@android:color/white"/>
</shape>

edited Jul 27 '17 at 03:59

jt-gilkeson

2,661
1
30
40

answered Sep 14 '16 at 10:13

NameSpace

10,009
3
39
40

5

Ahh looks like this was recently added in the 24.x.x support lib (does not appear to be available in 23.4.0) – jt-gilkeson Sep 14 '16 at 18:25
@NameSpace I'm not getting ticker indicator on seekbar, Can you please help me ? – Pankaj May 28 '17 at 17:06
1

@NameSpace how does the seek bar know the step size to place the tickmark – Pooja Kamath Mar 01 '19 at 06:49
It knows it from the "max" value. When max is 10, it will divide the SeekBar into 10 segments, and put a tickmark between each. – Christian Jul 03 '20 at 09:47

score 3 · Answer 2 · answered Aug 01 '20 at 07:31

Now you can use the Slider in the Material Components Library.
The tick marks are displayed by default in the discrete sliders.

    <com.google.android.material.slider.Slider
        android:valueFrom="0"
        android:valueTo="10"
        android:stepSize="1"
        .../>

score 0 · Answer 3 · answered Oct 31 '22 at 06:51

0

use com.google.android.material.slider.Slider

app:tickVisible="true" // false

answered Oct 31 '22 at 06:51

Trang Đỗ

160
1
9

How to show tick marks for Discrete Slider?

3 Answers3

Linked