SeekBar discreto en Android usando Library

Discrete SeekBar es otra característica más común que podemos ver en la mayoría de las aplicaciones. Podemos llegar a ver esta barra de búsqueda discreta en la mayoría de las aplicaciones de reproducción de música, aplicaciones de calificación o puntos otorgados. Discrete SeekBar es uno de los sistemas avanzados para dar calificaciones en lugar de escribir. En el artículo anterior, implementamos Discrete SeekBar en Android sin usar ninguna biblioteca de terceros . Pero, en este artículo, vamos a ver cómo implementar Discrete SeekBar en la aplicación de Android. A continuación se proporciona un GIF de muestra para tener una idea de lo que vamos a hacer en este artículo. Tenga en cuenta que vamos a implementar este proyecto utilizando el  lenguaje Java  . 

Discrete SeekBar in Android using Library Sample GIF

Aplicaciones de SeekBar discreto

  • Discrete SeekBar se usa en la mayoría de las aplicaciones de reproducción de música.
  • Se usa principalmente para dar una calificación en la mayoría de las aplicaciones de comercio electrónico.
  • El uso de Discrete SeekBar en la aplicación mejora la experiencia del usuario.

Atributos de SeekBar discreto

Atributos Descripción
dsb_max Se utiliza para dar el valor máximo.
dsb_min Se utiliza para dar valor mínimo.
dsb_indicatorFormatter Formato de string para aplicar al valor dentro del indicador de burbuja.
dsb_indicatorPopupEnabled Úselo para mostrar el indicador de burbuja.
valor_dsb Valor actual.
dsb_trackColor Color para pista dibujable.
dsb_progressColor Color para la barra de progreso y el pulgar dibujable.
dsb_rippleColor Color para cajón ondulado.

Implementación paso a paso

Paso 1: crear un nuevo proyecto

Para crear un nuevo proyecto en Android Studio, consulte Cómo crear/iniciar un nuevo proyecto en Android Studio . Tenga en cuenta que seleccione Java como lenguaje de programación.

Paso 2: agregue la dependencia de la biblioteca Discrete SeekBar en el archivo build.gradle

Luego navegue a los scripts de Gradle y luego al nivel build.gradle (Módulo) . Agregue la siguiente línea en el archivo build.gradle en la sección de dependencias.

implementación ‘org.adw.library:discrete-seekbar:1.0.1’

ahora haga clic en Sincronizar ahora sincronizará todos sus archivos en build.gradle() .

Paso 3: cree una nueva barra de búsqueda discreta en su archivo activity_main.xml

Vaya a la aplicación > res > diseño para abrir el archivo activity_main.xml . A continuación se muestra el código para el archivo activity_main.xml

XML

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    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:paddingLeft="16dp"
    android:paddingTop="16dp"
    android:paddingRight="16dp"
    android:paddingBottom="16dp"
    tools:context=".MainActivity">
  
    <!--Discrete SeekBAr-->
    <org.adw.library.widgets.discreteseekbar.DiscreteSeekBar
        android:id="@+id/seekBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        app:dsb_indicatorColor="@color/purple_200"
        app:dsb_max="100"
        app:dsb_min="0"
        app:dsb_progressColor="@color/purple_200"
        app:dsb_rippleColor="@color/purple_200"
        app:dsb_trackColor="@color/purple_200" />
      
</RelativeLayout>

Paso 4: trabajar con el archivo MainActivity.java

Vaya al archivo MainActivity.java y consulte el siguiente código. A continuación se muestra el código del archivo MainActivity.java . Se agregan comentarios dentro del código para comprender el código con más detalle.

Java

import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import org.adw.library.widgets.discreteseekbar.DiscreteSeekBar;
  
public class MainActivity extends AppCompatActivity {
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
  
        // Discrete SeekBar
        DiscreteSeekBar discreteSeekBar = (DiscreteSeekBar) findViewById(R.id.seekBar);
        discreteSeekBar.setProgress(80);
    }
}

Ahora haga clic en la opción de ejecución , tomará algún tiempo construir Gradle . Después de eso, obtendrá la salida en su dispositivo como se indica a continuación.

Producción:

Publicación traducida automáticamente

Artículo escrito por chinmaymunje96 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *