Как добавить ползунок диапазона в Android?

Опубликовано: 2 Сентября, 2022

В этой статье мы добавим ползунок диапазона в Android. Ползунок диапазона используется для выбора значения из диапазона чисел. В основном мы видим ползунок диапазона в регуляторе громкости звука и регуляторе яркости экрана на устройствах Android. Чтобы добавить ползунок диапазона в нашу активность, мы будем использовать ползунок диапазона стороннего производителя. Вы можете выбрать Range Slider из Github или любого другого ресурса и реализовать аналогичный метод. В этом приложении будет одно действие. Образец GIF приведен ниже, чтобы получить представление о том, что мы собираемся делать в этой статье.

Пошаговая реализация

Шаг 1: Создайте новый проект

Чтобы создать новый проект в Android Studio, обратитесь к разделу «Как создать/запустить новый проект в Android Studio».

Шаг 2: Добавьте зависимость в файл build.gradle

dependencies {

   compile ‘com.github.channguyen:rsv:1.0.1’

}

Шаг 3: Работа с файлом activity_main.xml

Коды XML используются для построения структуры активности, а также ее стилевой части. Мы добавим ползунок диапазона либо маленький, либо большой. Вы также можете изменить цвет и размер слайдера. Это одно приложение деятельности. Ниже приведен код файла activity_main.xml .

XML




<RelativeLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent">
  
    <!--small range slider-->
    <com.github.channguyen.rsv.RangeSliderView
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:layout_centerInParent="true"
        android:layout_marginLeft="40dp"
        android:layout_marginTop="100dp"
        android:layout_marginRight="40dp"
        rsv:filledColor="#4CAF50" />
      
    <!--large range slider-->
    <com.github.channguyen.rsv.RangeSliderView
        android:layout_width="match_parent"
        android:layout_height="120dp"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="100dp"
        android:layout_marginRight="20dp"
        rsv:filledColor="#3F51B5" />
  
</RelativeLayout>

Выход: