Get immediate access to this and over 1,500+ other videos and books.

Boost your skills with a raywenderlich.com Beginner subscription. With over 60+ video courses and our core foundational programming books bundled in one subscription, it’s simply the best investment you can make in your development career.

Style the Slider

This video was last updated on Jul 14 2022

Learn how to style the slider’s track and thumb to give it a custom look.

Contributors

Heads up... You've reached locked video content where the transcript will be shown as obfuscated text.

You can unlock the rest of this video course, and our entire catalogue of books and videos, with a raywenderlich.com Professional subscription.

If you take a look at the slider, it still has the default appearance of a basic slider.

android:thumb="@drawable/nub"
android:paddingStart="40dp"
android:paddingEnd="40dp"
android:splitTrack="false"
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background">
        <shape android:shape="rectangle">
            <corners android:radius="8dp"/>
            <size android:height="15dp" />
            <solid android:color="@color/grey" />
        </shape>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape android:shape="rectangle">
                <corners android:radius="8dp"/>
                <size android:height="15dp" />
                <solid android:color="@color/red_accent" />
            </shape>
        </clip>
    </item>
</layer-list>
android:progressDrawable="@drawable/seekbar_progress"

Reviews

Comments