AndroidComponents
Dialogs

Dialogs

Los dialogs los usamos para hacer que el usuario tome decisiones o para enseñarle un listado de opciones con una o varias opciones posibles.

Usos y construcción

Usa un dialog cuando necesites que el usuario tome decisiones importantes o para avisar sobre una acción que afectará al resto del flujo de la aplicación.

Medida mínima: Los Dialogs tienen una anchura mínima de 280dp, a apartir de aquí el contenido es ajustable y podrán crecer tanto como lo necesiten tanto en ancho como en alto sin sobrepasar la pantalla del dispositivo.

Sombra: Los dialogs van por encima de la view actual y por tanto se tendrán que representar con una sombra que será de 8dp de distancia y 16dp de difusión, de un color #000 y con una opaciadad del 90%. *El tamaño extra que aporta la sombra no entra dentro del tamaño mínimo descrito arriba.

Scroll: Cuando el contenido del dialog necesite del scroll para ser visible, el título quedará fijo en la parte de arriba y los call to action en la parte de abajo, sólo será scrollable el contenido y por tanto para separar el título del contenido saldrá una sombra como la que tienen los call to action.

  • 16dp
  • 24dp
Dialog default de la app de InfoJobs.
  • 16dp
  • 24dp
Construcción del Dialog default.
  • 16dp
  • 24dp
Dialog con scroll vertical.
  • 16dp
  • 24dp
Contrucción del Dialog con scroll.

Tipología de los botones

Los Dialogs tienen que tener siempre una acción. En ese caso el botón tiene que ser del tipo flat y se adapta al ancho del Dialog generando una linea horizontal para separar el contenido del botón. Cuando uses dos opciones se divide el botón en dos y una de las acciones pasa a ser secundaria.

  • Dialog con una sola acción.
  • Dialog con dos acciones.
  • Dialog con dos acciones en botones fullwidth.