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.
Crear Proyecto AlertDialog Tutorial (Aquí)
Vamos a crear nuestro proyecto Android para desarrollar el ejemplo del 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>
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.Y listo con esto tendríamos listo nuestro ejemplo. Cualquier duda déjanos saber tu opinión en un comentario. Gracias.
No hay comentarios:
Publicar un comentario