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í)

Diseño Aplicación Android Seekbar

Ahora crearemos el diseño de nuestra aplicación para entender el uso del SeekBar.

Lo colocaremos en nuestra actividad.

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.

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