Cómo agregar ColorSeekBar en Android

Seekbar es un tipo de barra de progreso. Podemos arrastrar la barra de búsqueda de izquierda a derecha y viceversa y, por lo tanto, cambia el progreso actual. ColorSeekbar es similar a la barra de búsqueda, pero la usamos para seleccionar un color entre varios colores y podemos seleccionar cualquier color personalizado. Con la ayuda de este widget, podemos dar más control al usuario para personalizar su aplicación según sus necesidades.

Acercarse:

1. Agregue la biblioteca de soporte en su archivo raíz build.gradle (no en su archivo de módulo build.gradle). Esta biblioteca jitpack es un repositorio de paquetes novedosos. Está hecho para JVM para que cualquier biblioteca que esté presente en github y bigbucket se pueda usar directamente en la aplicación.

   allprojects {     repositories {         maven { url "https://jitpack.io" }     } }

2. Agregue la biblioteca de soporte en el archivo build.gradle y agregue la dependencia en la sección de dependencias. Esta biblioteca proporciona varias funciones integradas que podemos usar para dar a los usuarios la máxima independencia para personalizar.

   dependencies {     implementation 'com.github.rtugeek:colorseekbar:1.7.7' }

3. Ahora agregue una array de colores, custom_colors en el archivo strings.xml en el directorio de valores .

   strings.xml

   <array name="custom_colors">                <item>#219806</item>             <item>#F44336</item>             <item>#FFEB3B</item>    </array>

4. Ahora agregue el siguiente código en el archivo activity_main.xml . Esto agregará una vista de texto y una barra de colorSeekbar en activity_main. En este archivo agregamos nuestra array, custom_colors a la barra de búsqueda.

   actividad_principal.xml

   <?xml version="1.0" encoding="utf-8"?> <LinearLayout      xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:app="http://schemas.android.com/apk/res-auto"     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:gravity="center"     android:orientation="vertical"     android:padding="16dp"     tools:context=".MainActivity">        <TextView         android:id="@+id/text_view"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:text="GeeksForGeeks"         android:textSize="30sp"         android:textStyle="bold" />        <com.rtugeek.android.colorseekbar.ColorSeekBar         android:id="@+id/color_seek_bar"         android:layout_width="match_parent"         android:layout_height="wrap_content"         app:colorSeeds="@array/custom_colors"         app:showAlphaBar="true" />    </LinearLayout>

5. Ahora agregue el siguiente código en el archivo MainActivity.java . onClickListener se agrega con la barra de búsqueda. A medida que el valor cambia a través de la barra de búsqueda, se invoca onClickListener y cambia el color de los textos en la vista de texto.

   MainActivity.java

   package org.geeksforgeeks.colorseekbar;    import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.widget.TextView; import com.rtugeek.android.colorseekbar.ColorSeekBar;    public class MainActivity     extends AppCompatActivity {        TextView textView;        @Override     protected void onCreate(         Bundle savedInstanceState)     {            super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);            textView = findViewById(             R.id.text_view);         ColorSeekBar             colorSeekBar             = findViewById(                 R.id.color_seek_bar);            colorSeekBar.setOnColorChangeListener(             new ColorSeekBa                 r.OnColorChangeListener() {                        @Override                     public void                     onColorChangeListener(                         int i, int i1, int i2)                     {                         textView                             .setTextColor(i2);                     }                 });     } }

Producción: