viernes, 13 de mayo de 2016


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.
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
Un detalle, MaryPopup es un complemento 100% compatible a Material Design, esto es una ventaja si estamos intentando tener una experiencia homogénea en nuestra aplicación, en donde hacemos un uso intensivo de esta interface con sus respectivas animaciones y flujo de uso.
Utilizar esta herramienta para ventanas modales es muy simple.

Como crear una ventana popup en Android

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();
Centrar la ventana:
MaryPopup marypopup = MaryPopup.with(context)
                        ...
                        .center(true)
                        ...
                        .show();
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();
}
}
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'
 
fue publicado originalmente en: Kabytes 

No hay comentarios:

Publicar un comentario