Внедрение рекомендаций по дизайну Google для слайдеров

Вчера я искал слайдеры в Android и нашел этот сайт с помощью поиска Google: https://material.io/guidelines/components/sliders.html#sliders-discrete-slider

Я знаю, что могу использовать SeekBar в Android для реализации слайдеров. Тем не менее, Google, похоже, имеет очень хорошие примеры отдельных слайдеров, но я не могу найти примеры кода.

Я уже реализовал нормальный SeekBar, который выглядит следующим образом:

Как я могу сделать так, чтобы это выглядело так?

(Разница: при перемещении ползунка нет большой капли, показывающей текущее значение)

Я думаю, что я мог просто пропустить документацию кода для этих руководящих принципов проектирования. Кто-нибудь знает, где его найти? Или разница в дизайне, потому что я получил Android 5.0.2 на моем телефоне?

Ответ 1

грустно Google только предоставил, как это должно выглядеть, но, похоже, нет классов, предоставляемых библиотеками поддержки Android: (

но сейчас вы можете попробовать эту библиотеку: https://github.com/AnderWeb/discreteSeekBar

или это для еще большего количества материальных элементов: https://github.com/navasmdc/MaterialDesignLibrary

надеюсь, что Google добавит это в более поздние версии...

Ответ 2

У AnderWeb дискретного поиска есть несколько проблем. А для другой (MDL) вы, возможно, не захотите скомпилировать всю библиотеку дизайнов материалов только для конкретного ползунка/ползунка.

Но есть хороший репозиторий github, который может оказаться полезным: BubbleSeekBar

Я пытался найти хорошее решение для той же проблемы. В моем случае я также пытался найти панель поиска, которая всегда будет показывать пузырь. После двух часов исследований я нашел библиотеку BubbleSeekBar, которая предоставляет каждый отдельный атрибут, который вы можете придумать. Было трудно найти эту библиотеку, так как файл readme даже не использует слово "материал".

ОБНОВЛЕНИЕ: Через шесть месяцев теперь есть еще одно хорошее репо "Discrete Seek Bar", которое может оказаться полезным. Похоже, что IndicatorSeekBar охватывает все, кроме нескольких проблем Issues. Вы можете проверить это здесь.

Ответ 3

Теперь вы можете использовать официальный Slider в библиотеке материалов.

Просто используйте что-то вроде:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:clipChildren="false"
    android:clipToPadding="false">

    <com.google.android.material.slider.Slider
        android:id="@+id/slider"
        android:layout_gravity="center"
        android:value="60"
        android:valueFrom="0"
        android:valueTo="100"
        ..../>

</LinearLayout>

ПРИМЕЧАНИЕ. для этого требуется версия 1.2.0 библиотеки (в настоящий момент в альфа-версии) библиотеки.