1
resposta

Dúvida

Eu entendi todas explicações do professor, até chegar nessa aula. Compreendi também o significado de autolayout e fill container, porém não entendi porque ele colocou fill content nos textos, como no "Crie uma nova tarefa" e em "tarefa" e o texto não se moveu. Na aula explicativa, o retangulo de dentro se move de acordo com os ajustes a esquerda ou a direita. Não entendi também porque ele estica os textos, antes de colocar o autolayout e coloca em 8 pixels. Na teoria eu entendi, mas na prática, não. Não entendi nada dessa aula.

1 resposta

Olá, Laís, como vai?

O auto-layout é uma funcionalidade que permite organizar elementos de forma dinâmica, ajustando automaticamente o espaçamento e o alinhamento quando você redimensiona ou move componentes. Já o fill container faz com que um elemento ocupe todo o espaço disponível dentro de um container.

No exemplo da aula, o professor aplicou fill container nos textos para garantir que eles ocupem todo o espaço horizontal disponível dentro do container. Isso é útil para manter a consistência do layout, especialmente quando você redimensiona o container. Se o texto não se moveu ao aplicar o fill container, pode ser porque o container já estava com o tamanho adequado ou porque o texto não tinha espaço extra para se expandir.

Sobre o ajuste manual da largura, esticar os textos antes de aplicar o auto-layout pode ser uma forma de garantir que os elementos tenham o tamanho desejado antes de serem organizados automaticamente pelo Figma. Isso ajuda a evitar ajustes indesejados quando o auto-layout é aplicado. No exemplo que você mencionou, esticar o texto para 8 pixels pode ser uma forma de garantir que haja um espaçamento consistente entre os elementos.

Se ainda houver dúvidas sobre a aplicação prática do auto-layout ou fill container, o fórum está à disposição para ajudar.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!