AutoLayout dentro de AutoLayout

Paolo Carrion

student•

Hola comunidad. / La clase estuvo genial 😀. Pero creo que hace falta mencionar unos detalles más acerca del Autolayout. Estos son las propiedades de redímencionamiento que se les pueden aplicar a los elementos a las que se les aplica esta herramienta: /

Fill container: Significa que el elemento abarcara todo el espacio que tenga disponible y permitido dentro de su contenedor padre. En este caso, el contenido se adapta al contenedor. /
/
Hug content: Significa que el contenedor tendrá el alto o el ancho que tenga el contenido que esta dentro de este. En este caso, el contenedor se adapta al contenido. /
/
Fixed Heigh/Width: Significa que el elemento o el contenedor tendrán un tamaño fijo y nunca cambiara a menos que nosotros lo hagamos manualmente. En este caso ni el contenido se adapta al contenedor ni el contenedor al contenido, todo dependerá de nosotros. /

Julio Pérez

student•

Toda la razón

Miguel Angel Amezcua

student•

Gracias por el aporte Paolo!!

Andy Fernando Salazar Monterrosa

student•

No sé cuántos autolayouts ha creado, pero no me parece que sea una buena práctica.

Karla Cárdenas

student•

Cierto, me queda la duda, con ese autolayout, a la hora de redimensionar, conservará las propiedades?

SHARON JAFTE CHACON REGAND

student•

Yo creo que no es una buena practica si no sabes muy bien como funciona, porque cuando redimensiones se te va a hacer bolas todo y no vas a saber donde moverle para que se comporten como tu quieres los elementos jajajaja asi me pasaba antes, la verdad es que ya que entiendes bien como funciona te cambia la vida, redimensionar pantallas se vuelve cosa de un par de minutos

Brandon Lara

student•

No había entendido mucho en el curso básico sobre Autolayout, pero en este curso ufff, de lo poco que llevo creo que me ha enganchao xd 💘

Helen Natasha Cordova Pata

student•

Totaaal, este curso está increiblee!! :)

Carlos Pérez

student•

Esta clase tiene un error. Al llegar al min 5 se repite lo que estaba haciendo el profesor. Creo que hay un error de edición

Ibañez Laura

student•

A mi me sucedió dos veces. Luego casi al final también ocurre

Laura Mujica

student•

Sí, se repite pero es poquito. En el vídeo anterior pasó lo mismo, fue rápido

Pedro Isaac Aguilar

student•

Se ve muy bien esta herramienta pero también pienso que hizo demasiados autolayouts y eso no creo que sea tan útil a la hora de querer saber qué elemento va dentro de cada uno, porque se hace un revoltijo. Creo que con un autolayout dentro de otro sería suficiente, ¿No? ... Mi humilde opinión.

Leiver Choconta Gomez

student•

Hola Pedro! Todo depende del nivel de profundidad de capas que este necesite, lo más usable es concatenar elementos de autolayout separado de componentes y elementos distintos.

Hay que tener en cuenta siempre qué diseñamos pensando en el desarrollo, esto nos ayuda a organizar capas y elementos según su utilización!

Un saludo

Alejandro Mayorga García

student•

Hola, espero tengas bonita tarde... recomienand mucho nombrar los frames y es lo que yo suelo hacer, eso me ayuda a no perderme entre frames ya que se usan bastante autolayouts dentro de autolayouts.

Guzman Geraldine

student•

El curso va muy bien

Julio Servan

teacher•

Me alegro Geraldine!

María Valentina Reyes Leon

student•

Amo cada vez el aprender Figma me emociona mas gracias a PLATZI

Alexis Acosta

student•

Al utilizar tantos Layouts me confundo... ¿Cómo le haces para que la información este bien organizada en tu panel de capas? ¿Alguna sugerencia para nombrar cada Frame?

Gabriela Urbano

student•

Tengo la misma duda 🤔

Yusting Andrés Mora González

student•

Es simple, por lo general Figma organiza las capas de manera ascendente, y nosotros estamos acostumbrados a que se organicen de manera descendente.

Lo que yo hago es nombrar las capas con relación a lo que hace esa capa, y organizarlos manualmente de manera ascendente, también suelo agrupar algunas cosas que puede que s vean mejor agrupadas, no sé si me di a entender jaja.

Martha Liliana Dominguez Gonzalez

student•

Recuerdo pensar al principio que usar Auto Layouts era complicarme la vida cuando podía simplemente agrupar elementos y darle "distribuir" cada que quisiera, pero mi alma indecisa que mantiene probando un diseño y otro, se encuentra agradecida de empezar a dominarlos y ahorrarme mucho tiempo.

Valdrie Hernán Ducón Cardona

student•

Comparto mi trabajo, fue algo difícil al inicio entender todo sobre un autolayout sobre otro y otro y otro pero al final creo que de tanto intentar y explorar se ven los resultados. Si quedo un poco diferente del espacio la tipofragia de Figma no la tome, sino que use una a conveniencia. Gracias por el Feedback.

Leiver Choconta Gomez

student•

Hola Valdrie! Estupendo por el resultado, puedes explorar autolayout concatenados, es una forma de separar elementos entre propiedades, jerarquia y hasta acciones rapidas.

Sigue así, vas por buen camino!

Diego Perdomo

student•

Qué joya es el AutoLayout

Incluso te ayuda a entender conceptos de maquetación (sin querer queriendo).

Mikel Garcia Prieto

student•

Creo que se repiten varias cosas en este video. Pero el contenido es excelente :)

Dairo Ariza

student•

Durante el minuto 9:30, ¿ No seria mas facil agrupar los objetos en vez de agregarle autolayout?

Leiver Choconta Gomez

student•

Hola Dairo, en este ejemplo el profesor usa AutoLayout para mantener siempre un padding interno para todos los elementos y que estos puedan escalar sin romper sus dimensiones (hug content).

Los grupos no son elementos ajustables ni escalables, por los cual no se considera una buena practica para estos casos.

María Luisa Barboza Restrepo

student•

lista mi actividad de esta clase

Jimena Haran

student•

Estoy haciendo lo mismo pero con una página propia (inventada solo para este curso) y va quedando así:

Diana Aldana

student•

¡Hola Comunidad! Comparto el resultado del ejercicio que hice para poner en práctica el curso. Tomé como referencia la página de Inicio de Platzi; realmente se me está dificultando bastante el manejo de Figma, pero poco a poco voy entendiendo 😅🧡

Captura para el ejercicio: