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 mensaje AlertDialog en Android

Android Studio - AlertDialog 



Hola amigos en esta ocasión les traigo un tutorial para crear un mensaje de alerta. El AlertDialog es una libreria que nos permite crear un mensaje popup con un titulo y puede ejecutar una acción que le asignemos. Desarrolla paso a paso este ejemplo.
Android Studio - AlertDialog


Crear Proyecto AlertDialog Tutorial (Aquí)

Vamos a crear nuestro proyecto Android para desarrollar el ejemplo del AlertDialog.
Android Studio - AlertDialog

Design AlertDialog Tutorial


Vamos a crear el diseño de nuestro ejemplo y nos quedaría de la siguiente manera agregaremos dos botones para mostrar dos tipos de mensaje AlertDialog uno con dos tipos de asignación y otro que nos mostrara un mensaje con una imagen la cual podremos modificar a nuestro gusto.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <Button
        android:id="@+id/buttonAlert"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Mensaje Si o No" />

    <Button
        android:text="Mensaje Dialogo con Imagen"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:id="@+id/buttonImage" />
</LinearLayout>

Android Studio - AlertDialog

Código AlertDialog Tutorial
Ahora vamos a escribir el código en nuestra clase MainActivity para que nuestro ejemplo funcione al presionar ambos botones que hemos creado en el diseño y nos quedaría de la siguiente manera.

import android.app.Activity;
import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Toast;

public class MainActivity extends Activity {
    // Declarar variables
    final Context context = this;
    private Button button;
    Button  buttonImage;

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // Obtener referencia del objeto
        button = (Button) findViewById(R.id.buttonAlert);
        // Agregar botón en espera de ser presionado
        button.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View arg0) {
                AlertDialog.Builder alertDialogBuilder = new AlertDialog.Builder(
                        context);
                // Establecer el título
                alertDialogBuilder.setTitle("Tu título");
                // Establecer mensaje de diálogo
                alertDialogBuilder
                        .setMessage("¡Haga clic en Sí para salir!")
                        .setCancelable(false)
                        .setPositiveButton("Si", new DialogInterface.OnClickListener() {
                            public void onClick(DialogInterface dialog, int id) {
                                // Si presiona que si cerrar la aplicación.
                                MainActivity.this.finish();
                            }
                        })
                        .setNegativeButton("No", new DialogInterface.OnClickListener() {
                            public void onClick(DialogInterface dialog, int id) {
                                // Si presiona que no se cerrara el mensaje de dialogo
                                dialog.cancel();
                            }
                        });
                // Crear mensaje AlertDialog
                AlertDialog alertDialog = alertDialogBuilder.create();
                // Mostrar alert
                alertDialog.show();
            }
        });
        // Obtener referencia del control
        buttonImage = (Button)findViewById(R.id.buttonImage);
        // Evento click del botón
        buttonImage.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // Construir el mensaje de alerta con imagen
                new AlertDialog.Builder(MainActivity.this)
                    .setTitle("Este es el título AlertDialog")
                    .setIcon(R.mipmap.ic_launcher)
                    .setMessage("Este es el mensaje dentro de AlertDialog.")
                    .setPositiveButton("Botón de enviar",
                            new DialogInterface.OnClickListener() {
                                public void onClick(DialogInterface dialoginterface, int a) {
                                    // Mostrar mensaje Toast al presionar el botón
                                    Toast.makeText(MainActivity.this, "Hizo clic en el botón Enviar mensaje de diálogo", Toast.LENGTH_LONG).show();
                                }
                            }).show();

            }
        });
    }
}

con esto tendríamos listo la parte del código de nuestro AlertDialog.

Crear Emulador AVD (Aquí)


Ahora vamos a crear nuestro emulador para ver en ejecución nuestro ejemplo del AlertDialog.

Android Studio - AlertDialog

Android Studio - AlertDialog

Android Studio - AlertDialog
Y listo con esto tendríamos listo nuestro ejemplo. Cualquier duda déjanos saber tu opinión en un comentario. Gracias.

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