Así ha revolucionado Android la creación de interfaces más simples

Así ha revolucionado Android la creación de interfaces más simples

Una de las novedades presentadas en 2016 por Google ha sido ContrainstLayout, un layout para revolucionar el diseño de interfaces.
2/10/2016 a las 16:36 UTC · Jose Angel Zamora

Con la llegada de Android Studio 2.2, Google nos presentó un nuevo layout que pretende venir para cambiar radicalmente el modo para diseñar interfaces gráficas.

Hasta ahora, era común poder llegar a ver una pantalla que tenía tal nivel de anidamiento de layouts más simples para poder mostrar una interfaz, que el consumo de memoria no lo podían resistir algunos móviles más antiguos con poca memoria disponible.

ConstraintLayout: completo layout, interfaces más simples

screen-shot-2016-10-02-at-13-35-31

ConstraitLayout nos permitirá simplificar las interfaces en anidamiento, para hacerlas lo más complejas posibles a nivel de diseño. Este layout, similar al RelativeLayout nos permitirá establecer relaciones entre todos los elementos y la propia vista padre, permitiendo así ser mucho más flexible que los demás.

Con un estilo muy visual, podremos desde Android Studio gestionar todas las relaciones que establezcamos, de un modo muy sencillo, al más puro estilo drag-and-drop, en lugar de necesitar utilizar el fichero XML.

screen-shot-2016-10-02-at-13-36-15

Para todos los programadores que también trabajen con iOS y su conocido AutoLayout y las Constraints, este layout es bastante similar en cuanto al modo de funcionamiento, por lo que os resultará bastante sencillo de comprender.

Tal es así que este layout incluye un modo llamado Autoconnect, el cual una vez activado, cada vez que añadamos una vista al layout permitirá crear dos o más restricciones (constraint) para cada vista, para asignarlo al espacio donde nosotros la hemos soltado.

Además del aspecto visual del layout, podremos ver las características principales del propio tamaño de la vista para poder tener toda la información del modo más visual posible:

screen-shot-2016-10-02-at-13-36-37

ConstraintLayout disponible desde Android 2.3

Como suele ocurrir, Google ha decidido incluir este layout en la librería de soporte para ponerlo disponible para todos en versiones anteriores a Android Nougat. Concretamente estará disponible desde la API 9 (Android 2.3) siempre y cuando incluyamos este paquete:

screen-shot-2016-10-02-at-13-35-48

Además, para promover el uso de este nuevo layout, Google nos ofrece un modo automático para convertir un LinearLayout en un ConstraintLayout:

screen-shot-2016-10-02-at-13-35-56

Así, sin necesidad de rehacer nuestras pantallas ya diseñadas, podremos ver cómo quedarían con este nuevo layout, para a partir de ahora utilizar este nuevo elemento que ha venido para facilitar mucho la vida a los diseñadores y programadores.

Y tú, ¿vas a permitir que te facilite la vida este layout?

Mostrar comentarios
Vídeos El Androide Libre
Análisis realme X3 Superzoom
Análisis Samsung Galaxy M31
Análisis OPPO Find X2 Lite
Comparativa OnePlus 8 vs OnePlus 8 Pro
Analizamos el Nest Wifi
Análisis realme 6 Pro
Comparativa de cámaras: Huawei P40 Pro, P30 Pro y P20 Pro
Análisis Samsung Galaxy S20
Análisis OnePlus 8 Pro
Análisis OnePlus 8
Huawei P40 Pro contra OPPO Find X2 Pro
Análisis Xiaomi Mi 10
Animales en 3D dentro de casa
Análisis Huawei P40 Pro
WhatsApp, Facebook y más apps vuelven a los móviles Huawei

Lo más visto

Cómo convertir tu viejo Android en un repetidor WiFi
El jack de 3.5mm tiene los días contados, así es el nuevo audio USB