Recently I have been working on an app which has a SeekBar
. The SeekBar
is rather thin so it can at times be difficult to use it (you have to be very precise in your gestures). Is there any way to increase the touchable area of the SeekBar
? So I want users to be able to touch above or below the SeekBar
to move the thumb. I'd appreciate any help you can offer!
A SeekBar is an extension of ProgressBar that adds a draggable thumb. The user can touch the thumb and drag left or right to set the current progress level or use the arrow keys. Placing focusable widgets to the left or right of a SeekBar is discouraged. Clients of the SeekBar can attach a SeekBar.
One of the most straightforward approaches is to increase a value of the android:padding
attribute:
<SeekBar
android:id="@+id/yourSeekBar"
android:progressDrawable="@drawable/seekbar_progress"
android:thumb="@drawable/seekbar_thumb"
android:paddingTop="@dimen/your_topPadding"
android:paddingBottom="@dimen/your_bottomPadding" />
Another possibility: make a custom thumb and increase its background's size by adding e.g. transparent border.
You can also use this library for more complex SeekBars
.
In addition, there you have a nice tutorial describing a custom SeekBar
creation.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With