Android Alertdialog.

En este tutorial se explica que un Alertdialog en Android Studio y cómo implementarlo correctamente. Además de como agregar botones, texto y título. Mostramos un ejemplo paso a paso. Android Alertdialog es un mensaje donde le usuario puede tomar decisiones.

¿Que es un Alert dialog en Android Studio?

Una Alert dialog, es una mensaje que mostramos al usuario para que tome alguna decisión. Básicamente es  una ventana donde el usuario debe ingresar información o bien aceptar o rechazar cierta información.

Alertdialog android studio

Por lo general un Alert dialog, no ocupa toda la pantalla, pero si impide la interacción con toda la UI. Muchos desarrolladores prefieren evitarlos debido a que interrumpen toda la UI y el usuario solo podrá interactuar con el Alert dialog. Esto se considera invasivo para la aplicación.

Pero si necesitas mostrar al usuario algún mensaje importante, esta opción es la correcta. Si no es tan importante puedes mostrar algún mensaje Toast o similar.

Un Dialogo de Alerta, en su formato por default puede mostrar un título, un texto y hasta 3 botones, o bien una lista de elementos. Pero también se puede hacer un diseño personalizado.

Anuncio

.

Resumen rápido Android Studio Alert Dialog.

En este resumen rápido explicamos los pasos de manera general para implementar un Alert Dialog en Android Studio. Más adelante en este tutorial explicamos con detalle cada paso.

Primero creamos el Alert dialog con:

AlertDialog.Builder builder = new AlertDialog.Builder( this);

Luego configuramos su contenido usando:

  • setMessage( “Mensaje” ), Escribimos el mensaje del dialogo.
  • setTitle( “Titulo” ), Escribimos el título del mensaje.
  • setPositiveButton( “Texto”, Evento On click());

Agregamos el botón para que el usuario acepte el mensaje. Tiene la opción de personalizar el texto del botón y agregar el OnClickListener.

  • setNegativeButton( “Texto”, Evento On click());

Agregamos el botón para que el usuario pueda rechazar el mensaje. Tiene la opción de personalizar el texto del botón y agregar el OnClickListener.

  • setNeutralButton( “Texto”, Evento On click());

Este botón es para alguna otra opción que podamos agregar.

Por ultimo creamos el Dialogo de alerta, y usamos el comando show() para mostrarlo.

AlertDialog dialog = builder.create();

dialog.show();

Este es un ejemplo del código:

Código AlertDialog Android

 

Creando un Alertdialog.

Para crear un Dialogo de Alerta usaremos la clase AlertDialog.

Primero tenemos que crear una variable tipo AlerdtDialog.Builder y la llamaremos builder. Esta variable es la que tendrá todo el Contenido de nuestro Dialogo de Alerta.

AlertDialog.Builder builder = new AlertDialog.Builder( this);

El siguiente paso es personalizar cada uno de los campos del Dialogo de Alerta.

Así configuramos el mensaje en el título y en el contenido:

builder.setMessage(“Este es un Alert Dialog ¿lo puedes ver?”)
.setTitle(“Titulo Alert Dialog”);

Los botones, les podemos indicar el texto y agregarles el evento On Click de la siguiente manera:

builder.setPositiveButton(“Aceptar”, new DialogInterface.OnClickListener() {
    public void onClick(DialogInterface dialog, int id) {
    // Acción a realizar cuando el usuario presione Aceptar
    }
});
builder.setNegativeButton(“Cancelar”, new DialogInterface.OnClickListener() {
    public void onClick(DialogInterface dialog, int id) {
    // Acción a realizar cuando el usuario presione Cancelar
    }
});

Por último debemos crear el dialogo de alerta y mostrarlo, esto lo hacemos el siguiente código:

AlertDialog dialog = builder.create();

dialog.show();

Ejemplo Android Alert Dialog.

En el siguiente código, creamos una Interfaz con un Botón y un Texto.

Al presionar el botón se muestra el Alert Dialog en Android.

El Dialogo de alerta muestra 2 botones.

  • Si se presiona Aceptar en el Texto indicamos “Botón Positivo”
  • Si se presiona Cancelar en el Texto indicamos “Botón Negativo”

 

Código del Alert Dialog:

public class MainActivity extends AppCompatActivity {
    private Context cont;
    private Button btnAlerta;
    private TextView texto;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        btnAlerta = findViewById(R.id.button);
        texto = findViewById(R.id.textView);

        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setMessage("Este es un Alert Dialog ¿lo puedes ver?").setTitle("Titulo Alert Dialog");

        builder.setPositiveButton("Aceptar", new DialogInterface.OnClickListener() {
            public void onClick(DialogInterface dialog, int id) {
                // Acción a realizar cuando el usuario presione Aceptar
                texto.setText("Boton Positivo");
            }
        });

        builder.setNegativeButton("Cancelar", new DialogInterface.OnClickListener() {
            public void onClick(DialogInterface dialog, int id) {
                // Acción a realizar cuando el usuario presione Cancelar
                texto.setText("Boton Negativo");
            }
        });

        btnAlerta.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                AlertDialog dialog = builder.create();
                dialog.show();
            }
        });
    }
}

Para más tutoriales de Android Studio ve a este enlace.

Algunos temas que te pueden interesar:

Lista expandible (Expandable ListView) Android Studio.

Shared Preferences Android Studio (Editar, Leer, Eliminar, datos).