Мой собственный пользовательский SeekBar Android

Я хочу создать свой собственный SeekBar, потому что не могу найти ничего похожего на то, что мне нужно. Я хочу панель поиска с 3 группами, вот так:

(Я не могу опубликовать изображение, так что...)

 _____________________________________________________
(СИНИЙ | КРАСНЫЙ Х | СИНИЙ)
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~

X = большой палец

Я не хочу индикатор выполнения, просто большой палец и 3 цвета фона... Понять?

Кто-нибудь знает, как я могу это сделать?

Спасибо.

2 ответа

Решение

Вот действительно хороший пример, который должен помочь вам двигаться

http://www.mokasocial.com/2011/02/create-a-custom-styled-ui-slider-seekbar-in-android/

Однако это не решает вашу проблему с трехцветной полосой на заднем плане, так как в этом примере используется повторяемая прорисовка. Для этой проблемы я бы посмотрел этот пост Как сделать цветовой градиент в SeekBar? Вам нужно будет создать свой собственный градиент. Это должно дать результаты, которые вы ищете.

Код XML

 <SeekBar
    android:id="@+id/seekBar1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" 
    android:progressDrawable="@drawable/seek_bar"
    android:paddingLeft="15dp"
    android:paddingRight="15dp"
    android:thumb="@drawable/thumbler_small"
    android:indeterminate="false" />

seek_bar.xml

 <?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:id="@+android:id/SecondaryProgress"
        android:drawable="@drawable/first"/>
    <item
        android:id="@+android:id/progress"
        android:drawable="@drawable/second"/>
</layer-list>

первый рисованный объект пуст или показан не в полной области цвета.

Второе рисование - заполнение или окрашивание всей области.

эта ссылка поможет вам больше.

Пусть этот пример может помочь:

Примеры Android SeekBar и Custom SeekBar

Поиск 'Seekbar пользовательский вывод большого пальца.'

Другие вопросы по тегам