Programación

Diálogos en Android

Ventanas de diálogo en Android

Las ventanas de diálogo en Android son ventanas flotantes basadas en la clase Dialog y que permiten mostrar información o alguna indicación al usuario. A continuación un ejemplo de una ventana de diálogo básica.

VENTANA DE DIÁLOGO BÁSICA

activity_main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="//schemas.android.com/apk/res/android"    
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:orientation="vertical">
  7.     <Button
  8.         android:id="@+id/boton"
  9.         android:layout_width="wrap_content"
  10.         android:layout_height="wrap_content"
  11.         android:text="Mostrar"
  12.         />
  13. </LinearLayout>

MainActivity.java

  1. package xip.midominio.com.dialogs;
  3. import android.app.Dialog;
  4. import android.support.v7.app.AlertDialog;
  5. import android.support.v7.app.AppCompatActivity;
  6. import android.os.Bundle;
  7. import android.view.View;
  8. import android.widget.Button;
  9. import android.view.View.OnClickListener;
  11. public class MainActivity extends AppCompatActivity implements OnClickListener{
  13.     Button boton;
  14.     @Override
  15.     protected void onCreate(Bundle savedInstanceState) {
  16.         super.onCreate(savedInstanceState);
  17.         setContentView(R.layout.activity_main);
  18.         boton=(Button) findViewById(R.id.boton);
  19.         boton.setOnClickListener(this);
  20.     }
  22.     public void onClick(View v){
  23.         showDialog(0);
  24.     }
  26.     protected Dialog onCreateDialog(int id){
  27.         Dialog dialog = null;
  28.         if(id==0){
  29.             AlertDialog.Builder builder = new AlertDialog.Builder(this);
  30.             builder = builder.setIcon(R.drawable.ic_launcher_foreground);
  31.             builder=builder.setTitle("Diálogo");
  32.             dialog = builder.create();
  33.         }
  34.         return dialog;
  35.     }
  36. }

VENTANA DE DIÁLOGO CON BOTONES

La ventana de diálogo con botones ofrece una interacción al usuario con posibilidad de hasta tres botones.

activity_main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="//schemas.android.com/apk/res/android"    
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:orientation="vertical">
  6.     <TextView
  7.         android:id="@+id/texto"
  8.         android:layout_width="match_parent"
  9.         android:layout_height="wrap_content"
  10.         android:text="texto de botón"
  11.         />
  12.     <Button
  13.         android:id="@+id/boton"
  14.         android:layout_width="match_parent"
  15.         android:layout_height="wrap_content"
  16.         android:text="Mostrar"
  17.         />
  18. </LinearLayout>

MainActivity.java

  1. package xip.midominio.com.dialogs;
  3. import android.app.Dialog;
  4. import android.content.DialogInterface;
  5. import android.support.v7.app.AlertDialog;
  6. import android.support.v7.app.AppCompatActivity;
  7. import android.os.Bundle;
  8. import android.view.View;
  9. import android.widget.Button;
  10. import android.view.View.OnClickListener;
  11. import android.widget.TextView;
  13. public class MainActivity extends AppCompatActivity implements OnClickListener{
  15.     Button boton;
  16.     TextView texto;
  18.     @Override
  19.     protected void onCreate(Bundle savedInstanceState) {
  20.         super.onCreate(savedInstanceState);
  21.         setContentView(R.layout.activity_main);
  22.         texto = (TextView) findViewById(R.id.texto);
  23.         boton=(Button) findViewById(R.id.boton);
  24.         boton.setOnClickListener(this);
  25.     }
  27.     public void onClick(View v){
  28.         showDialog(0);
  29.     }
  31.     protected Dialog onCreateDialog(int id){
  32.         Dialog dialog = null;
  33.         DialogoListener listener = new DialogoListener();
  34.         if(id==0){
  35.             AlertDialog.Builder builder = new AlertDialog.Builder(this);
  36.             builder = builder.setIcon(R.drawable.ic_launcher_foreground);
  37.             builder=builder.setTitle("Diálogo con botones");
  38.             builder=builder.setMessage("Selecciona botón");
  39.             builder = builder.setPositiveButton("Afirmativo",listener);
  40.             builder = builder.setNegativeButton("Negativo",listener);
  41.             builder = builder.setNeutralButton("Neutral",listener);
  42.             dialog = builder.create();
  43.         }
  44.         return dialog;
  45.     }
  47.     class DialogoListener implements DialogInterface.OnClickListener{
  49.         @Override
  50.         public void onClick(DialogInterface dialogInterface, int i) {
  51.             if(i == DialogInterface.BUTTON_POSITIVE){
  52.                 texto.setText("Positivo");
  53.             }
  54.             if(i == DialogInterface.BUTTON_NEGATIVE){
  55.                 texto.setText("Negativo");
  56.             }
  57.             if(i == DialogInterface.BUTTON_NEUTRAL){
  58.                 texto.setText("Neutral");
  59.             }
  60.         }
  61.     }
  62. }

VENTANA DE DIÁLOGO CON ELEMENTOS

Ventana de diálogo que permite integrar una lista de elementos y realizar una acción determinada al seleccionar cada uno de los elementos.

activity_main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="//schemas.android.com/apk/res/android"    
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:orientation="vertical">
  6.     <TextView
  7.         android:id="@+id/texto"
  8.         android:layout_width="match_parent"
  9.         android:layout_height="wrap_content"
  10.         android:text="Seleccionar elemento"
  11.         />
  12.     <Button
  13.         android:id="@+id/boton"
  14.         android:layout_width="match_parent"
  15.         android:layout_height="wrap_content"
  16.         android:text="Mostrar"
  17.         />
  18. </LinearLayout>

MainActivity.java

  1. package xip.midominio.com.dialogs;
  3. import android.app.Dialog;
  4. import android.content.DialogInterface;
  5. import android.support.v7.app.AlertDialog;
  6. import android.support.v7.app.AppCompatActivity;
  7. import android.os.Bundle;
  8. import android.view.View;
  9. import android.widget.Button;
  10. import android.view.View.OnClickListener;
  11. import android.widget.TextView;
  13. public class MainActivity extends AppCompatActivity implements OnClickListener{
  15.     Button boton;
  16.     TextView texto;
  17.     CharSequence[] items={"Procesador","Monitor","Tarjeta de red","Impresora"};
  18.     @Override
  19.     protected void onCreate(Bundle savedInstanceState) {
  20.         super.onCreate(savedInstanceState);
  21.         setContentView(R.layout.activity_main);
  22.         texto = (TextView) findViewById(R.id.texto);
  23.         boton=(Button) findViewById(R.id.boton);
  24.         boton.setOnClickListener(this);
  25.     }
  27.     public void onClick(View v){
  28.         showDialog(0);
  29.     }
  31.     protected Dialog onCreateDialog(int id){
  32.         Dialog dialog = null;
  33.         DialogoListener listener = new DialogoListener();
  34.         if(id==0){
  35.             AlertDialog.Builder builder = new AlertDialog.Builder(this);
  36.             builder = builder.setIcon(R.drawable.ic_launcher_foreground);
  37.             builder=builder.setTitle("Diálogo con elementos");
  38.             builder.setItems(items,listener);
  39.             dialog = builder.create();
  40.         }
  41.         return dialog;
  42.     }
  44.     class DialogoListener implements DialogInterface.OnClickListener{
  45.         @Override
  46.         public void onClick(DialogInterface dialogInterface, int i) {
  47.             texto.setText("Elemento "+i);
  48.         }
  49.     }
  50. }

DIÁLOGO CON ELEMENTOS Y CONFIRMACIÓN

Esta ventana es similar a la anterior pero requiere de un paso más de confirmación.

activity_main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="//schemas.android.com/apk/res/android"    
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:orientation="vertical">
  6.     <TextView
  7.         android:id="@+id/texto"
  8.         android:layout_width="match_parent"
  9.         android:layout_height="wrap_content"
  10.         android:text="Seleccionar elemento y confirmar"
  11.         />
  12.     <Button
  13.         android:id="@+id/boton"
  14.         android:layout_width="match_parent"
  15.         android:layout_height="wrap_content"
  16.         android:text="Mostrar"
  17.         />
  18. </LinearLayout>

MainActivity.java

  1. package xip.midominio.com.dialogs;
  3. import android.app.Dialog;
  4. import android.content.DialogInterface;
  5. import android.support.v7.app.AlertDialog;
  6. import android.support.v7.app.AppCompatActivity;
  7. import android.os.Bundle;
  8. import android.view.View;
  9. import android.widget.Button;
  10. import android.view.View.OnClickListener;
  11. import android.widget.TextView;
  13. public class MainActivity extends AppCompatActivity implements OnClickListener{
  15.     Button boton;
  16.     TextView texto;
  17.     CharSequence[] items={"Procesador","Monitor","Tarjeta de red","Impresora"};
  19.     @Override
  20.     protected void onCreate(Bundle savedInstanceState) {
  21.         super.onCreate(savedInstanceState);
  22.         setContentView(R.layout.activity_main);
  23.         texto = (TextView) findViewById(R.id.texto);
  25.         boton=(Button) findViewById(R.id.boton);
  26.         boton.setOnClickListener(this);
  27.     }
  29.     public void onClick(View v){
  30.         showDialog(0);
  31.     }
  33.     protected Dialog onCreateDialog(int id){
  34.         Dialog dialog = null;
  35.         DialogoListener listener = new DialogoListener();
  36.         if(id==0){
  37.             AlertDialog.Builder builder = new AlertDialog.Builder(this);
  38.             builder = builder.setIcon(R.drawable.ic_launcher_foreground);
  39.             builder=builder.setTitle("Diálogo con elementos confirmados");
  40.             builder.setSingleChoiceItems(items,0,listener);
  41.             builder.setPositiveButton("OK",listener);
  42.             builder.setNegativeButton("Cancelar",listener);
  43.             dialog = builder.create();
  44.         }
  45.         return dialog;
  46.     }
  48.     class DialogoListener implements DialogInterface.OnClickListener{
  49.         @Override
  50.         public void onClick(DialogInterface dialogInterface, int i) {
  51.                 int it = 0;
  52.                 if(i >= 0){
  53.                     texto.setText("Item " + i);
  54.                 }
  55.                 if(i == DialogInterface.BUTTON_NEGATIVE){
  56.                     texto.setText("Opción cancelada" + i);
  57.                 }
  58.         }
  59.     }
  60. }

VENTANA DE DIÁLOGO CON MÚLTIPLES ELEMENTOS

Este tipo de ventana es similar a la anterior con la diferencia de que permite seleccionar varios elementos simultáneamente.

activity_main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="//schemas.android.com/apk/res/android"    
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:orientation="vertical">    
  6.     <TextView
  7.         android:id="@+id/texto"
  8.         android:layout_width="match_parent"
  9.         android:layout_height="wrap_content"
  10.         android:text="texto de botón"
  11.         />
  12.     <Button
  13.         android:id="@+id/boton"
  14.         android:layout_width="match_parent"
  15.         android:layout_height="wrap_content"
  16.         android:text="Mostrar"
  17.         />
  18. </LinearLayout>

MainActivity.java

  1. package xip.midominio.com.dialogs;
  3. import android.app.Dialog;
  4. import android.content.DialogInterface;
  5. import android.support.v7.app.AlertDialog;
  6. import android.support.v7.app.AppCompatActivity;
  7. import android.os.Bundle;
  8. import android.view.View;
  9. import android.widget.Button;
  10. import android.view.View.OnClickListener;
  11. import android.widget.TextView;
  13. public class MainActivity extends AppCompatActivity implements OnClickListener{
  15.     Button boton;
  16.     TextView texto;
  17.     CharSequence[] items={"Procesador","Monitor","Tarjeta de red","Impresora"};
  18.     boolean[] seleccionados = new boolean [items.length];
  19.     @Override
  20.     protected void onCreate(Bundle savedInstanceState) {
  21.         super.onCreate(savedInstanceState);
  22.         setContentView(R.layout.activity_main);
  23.         texto = (TextView) findViewById(R.id.texto);
  25.         boton=(Button) findViewById(R.id.boton);
  26.         boton.setOnClickListener(this);
  27.     }
  29.     public void onClick(View v){
  30.         showDialog(0);
  31.     }
  33.     protected Dialog onCreateDialog(int id){
  34.         Dialog dialog = null;
  35.         DialogoListener listener = new DialogoListener();
  36.         MultipleListener multipleListener = new MultipleListener();
  37.         if(id==0){
  38.             AlertDialog.Builder builder = new AlertDialog.Builder(this);
  39.             builder = builder.setIcon(R.drawable.ic_launcher_foreground);
  40.             builder=builder.setTitle("Diálogo con opciones");
  41.             builder.setMultiChoiceItems(items,seleccionados,multipleListener);
  42.             builder.setPositiveButton("OK",listener);
  43.             builder.setNegativeButton("Cancelar",listener);
  44.             dialog = builder.create();
  45.         }
  46.         return dialog;
  47.     }
  49.     class DialogoListener implements DialogInterface.OnClickListener{
  50.         @Override
  51.         public void onClick(DialogInterface dialogInterface, int i) {
  53.             if(i >= DialogInterface.BUTTON_POSITIVE){
  54.                 texto.setText("Items ");
  55.                 for(int j = 0;j<seleccionados.length;j++){
  56.                     if(seleccionados[j]){
  57.                         texto.append("\n"+items[j]);
  58.                     }
  59.                 }
  60.             }
  61.             if(i == DialogInterface.BUTTON_NEGATIVE){
  62.                 texto.setText("Opción cancelada");
  63.             }
  64.         }
  65.     }
  67.     class MultipleListener implements DialogInterface.OnMultiChoiceClickListener{
  69.         @Override
  70.         public void onClick(DialogInterface dialogInterface, int i, boolean seleccionados) {
  72.         }
  73.     }
  74. }

VENTANA DE DIÁLOGO PERSONALIZADO

Este tipo de ventana de diálogo permite añadir los elementos de forma personalizada mediante un segundo layout y la clase onCreateDialog. Es el tipo de ventana de diálogo más compleja.

activity_main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="//schemas.android.com/apk/res/android"    
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:orientation="vertical">    
  6.     <TextView
  7.         android:id="@+id/texto"
  8.         android:layout_width="match_parent"
  9.         android:layout_height="wrap_content"
  10.         android:text="texto de botón"
  11.         />
  12.     <Button
  13.         android:id="@+id/boton"
  14.         android:layout_width="match_parent"
  15.         android:layout_height="wrap_content"
  16.         android:text="Mostrar"
  17.         />
  18. </LinearLayout>

dialogo.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="//schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="wrap_content"
  5.     android:orientation="vertical">
  6.     <TextView
  7.         android:id="@+id/textoDial"
  8.         android:layout_width="match_parent"
  9.         android:layout_height="wrap_content"
  10.         android:text="botón de diálogo"
  11.         />
  12.     <EditText
  13.         android:id="@+id/campoDial"
  14.         android:layout_width="match_parent"
  15.         android:layout_height="wrap_content" />
  16.     <Button
  17.         android:id="@+id/botonDial"
  18.         android:layout_width="match_parent"
  19.         android:layout_height="wrap_content"
  20.         android:text="botón de diálogo"/>
  21. </LinearLayout>

MainActivity.java

  1. package xip.midominio.com.dialogs;
  2. import android.app.Dialog;
  3. import android.support.v7.app.AppCompatActivity;
  4. import android.os.Bundle;
  5. import android.view.View;
  6. import android.view.Window;
  7. import android.view.WindowManager;
  8. import android.widget.Button;
  9. import android.view.View.OnClickListener;
  10. import android.widget.EditText;
  11. import android.widget.TextView;
  12. public class MainActivity extends AppCompatActivity implements OnClickListener{
  13.     TextView texto;
  14.     Button boton;
  15.     TextView textoD;
  16.     EditText edittext;
  17.     Button botonD;
  18.     int id = 0;
  19.     @Override
  20.     protected void onCreate(Bundle savedInstanceState) {
  21.         super.onCreate(savedInstanceState);
  22.         setContentView(R.layout.activity_main);
  23.         texto = (TextView) findViewById(R.id.texto);
  24.         boton=(Button) findViewById(R.id.boton);
  25.         boton.setOnClickListener(this);
  26.     }
  27.     @Override
  28.     public void onClick(View view) {
  29.         showDialog(id);
  30.     }
  31.     protected Dialog onCreateDialog(int id){
  32.         Dialog dialog = new Dialog(this);
  33.         Window window = dialog.getWindow();
  34.         int flag = WindowManager.LayoutParams.FLAG_SHOW_WALLPAPER;
  35.         window.setFlags(flag,flag);
  36.         dialog.setTitle("Diálogo personalizado");
  37.         dialog.setContentView(R.layout.dialogo);
  38.         textoD = (TextView) dialog.findViewById(R.id.textoDial);
  39.         edittext = (EditText) dialog.findViewById(R.id.campoDial);
  40.         botonD = (Button) dialog.findViewById(R.id.botonDial);
  41.         botonD.setOnClickListener(new Dialogo());
  42.         return dialog;
  43.     }
  44.     class Dialogo implements OnClickListener{
  45.         @Override
  46.         public void onClick(View view) {
  47.             texto.setText(edittext.getText().toString());
  48.             dismissDialog(id);
  49.         }
  50.     }
  51. }


Comentarios: 0

Para poder comentar es necesario iniciar sesión


Este dominio utiliza cookies de terceros para crear estadísticas y publicidad personalizada. Si continúa navegando está aceptando su uso