Crear una ventana popup en Android

Luego de unas cuantas semanas de inactividad en este blog, vamos a intentar retomar el ritmo de publicación (o al menos esa es la intención). En esta oportunidad vamos a recomendar una pequeña, pero no por eso menos importante, herramienta gratuita para mejorar nuestras aplicaciones Android, estoy hablando de MaryPopup, una forma simple de crear una ventana popup en Android.

Para continuar, MaryPopup es un recurso impresionante para aquellos programadores que están buscando lanzar diálogos del tipo popup con un toque original. Podemos lanzar un diálogo centrado, alineado hacia la izquierda o bien cerrarlo desde el mecanismo provisto por su autor, todo de forma simple y sin tener que agregarle complejidad a nuestro desarrollo, un aspecto fundamental hoy en día.

draggable ventana popup en Android

Primero, un detalle, MaryPopup es un complemento 100% compatible a Material Design. Esto es realmente una ventaja si estamos intentando tener una experiencia homogénea en nuestra aplicación. En la cual hacemos efectivamente un uso intensivo de esta interface con sus respectivas animaciones y flujo de uso.

A continuación, verán cómo utilizar esta herramienta para crear ventanas modales. Es muy simple.

Cómo crear una ventana popup en Android

Primero que nada, para abrir una nueva ventana:

MaryPopup marypopup = MaryPopup.with(context)
                        .cancellable(true)
                        .blackOverlayColor(Color.parseColor("#DD444444"))
                        .backgroundColor(Color.parseColor("#EFF4F5"))
                        .content(R.layout.popup_content)
                        .from(clickedView)
                        .show();

A continuación, centrar la ventana:

MaryPopup marypopup = MaryPopup.with(context)
                        ...
                        .center(true)
                        ...
                        .show();

Seguidamente, para crear un popup que se pueda arrastrar:

MaryPopup.with(context)
      ...
      .draggable(true)
      ...
      .show();

Como recomienda el autor del proyecto, no olviden sobreescribir el boton de volver atrás:

@Override
public void onBackPressed() {
if(!marypopup.close(true)){
super.onBackPressed();
}
}

Por último, instalar el proyecto no requiere más que unos pocos segundos, basta con insertar en nuestro gradle las siguientes líneas:

repositories {
  maven { url "http://dl.bintray.com/meetic-android/maven" }
}

compile 'com.meetic.marypopup:marypopup:(last version)'
compile 'com.meetic.dragueur:dragueur:1.0.0'

Categorizado en: