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 .
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