Blog para desarrollo de aplicaciones en Android, aprende paso a paso como crear aplicaciones.

Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación para mostrarle publicidad personalizada y realizar análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. OK Más información | Y más

Como crear un SeekBar en Android

Android - SeekBar Tutorial

Hola amigos en este siguiente ejemplo aprenderemos a utilizar el control Widget SeekBar que es un complemente bastante útil que a medida vayamos creciendo en el desarrollo le daremos uso. Para entender un poco mas de que trata esto.



SeekBar es la extensión de ProgressBar. SeekBar que permite al usuario cambiar el valor mediante el toque de evento / draggable pulgar / izquierda teclas de flecha hacia la derecha. El usuario puede aumentar el valor arrastrando el pulgar hacia la derecha o presionando la tecla de flecha derecha. Del mismo modo, el usuario puede disminuir el valor arrastrando el pulgar hacia la izquierda o pulsando la tecla de flecha hacia la izquierda.

Crear Nuevo Proyecto Android Studio

Ahora para crear un nuevo proyecto en nuestro Android Studio podemos seguir el siguiente enlace. (Aquí)
Android Studio - SeekBar

Diseño Aplicación Android Seekbar

Ahora crearemos el diseño de nuestra aplicación para entender el uso del SeekBar.
Android Studio - SeekBar
Lo colocaremos en nuestra actividad.
Android Studio - SeekBar
Y de esa forma quedaría nuestro diseño. El código de nuestro diseño seria el siguiente para tener mas claro que propiedades modificamos.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

<SeekBar
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/seekBar1"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true" />
</RelativeLayout>

Código de MainActivity

Teniendo listo nuestro diseño proseguimos con nuestro ejemplo y ahora tendremos el código de programación para nuestra aplicación la cual les explicare a continuación.


import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.SeekBar;
import android.widget.SeekBar.OnSeekBarChangeListener;
import android.widget.Toast;
//--Esta a la espera de que sea presionado
public class MainActivity extends Activity implements OnSeekBarChangeListener{
//--Declaramos la variable para nuestro control
SeekBar seekBar1;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//--Asignamos las propiedades de nuestro control a la variable SeekBar
seekBar1=(SeekBar)findViewById(R.id.seekBar1);
//--Espera que el seekbar sea presionado
seekBar1.setOnSeekBarChangeListener(this);
}
@Override
public void onProgressChanged(SeekBar seekBar, int progress,
boolean fromUser) {
//--Muestra un mensaje del avance del SeekBar
Toast.makeText(getApplicationContext(),"seekbar progreso: "+progress, Toast.LENGTH_SHORT).show();
}
@Override
public void onStartTrackingTouch(SeekBar seekBar) {
//--Muestra un mensaje cuando inicia el seekBar
Toast.makeText(getApplicationContext(),"seekbar empieza!", Toast.LENGTH_SHORT).show();
}
@Override
public void onStopTrackingTouch(SeekBar seekBar) {
//--Muestra un mensaje cuando a finalizado el seekBar
Toast.makeText(getApplicationContext(),"seekbar se detiene!", Toast.LENGTH_SHORT).show();
}
}

Ejecutar Aplicación Android Studio

Ahora que nuestro código ha quedado listo seguimos y ejecutaremos nuestra aplicación.


Crear Un Emulador AVD (Aquí).

Habiendo creado el emulador podremos ver el resultado de nuestra aplicación.
Al presionar nos mostrara diferentes mensajes hecho en la programación del código.
Y al finalizar la barra.
Android Studio - SeekBar
Android Studio - SeekBar
Android Studio - SeekBar

Y este seria el resultado de nuestra aplicación el uso del control SeekBar.

Descargar.
Espero el contenido haya sido claro si tienes alguna duda déjame tu comentario y con gusto te responderé. Compártelo y sigue aprendiendo cada día. Muchas gracias!

"Siempre he deseado que mi equipo sea tan fácil de usar como mi teléfono, mi deseo se ha hecho realidad porque ya no puedo encontrar la manera de usar mi teléfono."
- Bjarne Stroustrup

Android Studio - Curso Español

Android Studio - Curso Español

No hay comentarios:

Publicar un comentario

x

Registrate!

Curso Android Español

Curso Kotlin Español

eBook Free Android Studio

Noticias y Eventos

¡Directamente a tu INBOX!

Le enviaremos nuestros recursos gratis. Para obtener nuestro contenido nuevo, únase a nuestra comunidad. No te molestaremos enviando información inútil. ¡No te pierdas ninguna actualización, mantente conectado! Recuerda verificar tu correo electronico.

Ingrese su dirección de correo electrónico:

Entregado por FeedBurner