Botões e Layout Automático

Passo 1: Adicionar Auto Layout

Selecione vários elementos (por exemplo, um ícone e texto), clique com o botão direito e escolha Adicionar Auto Layout, ou use o atalho Shift + A. Alternativamente, clique no ícone de Auto Layout no painel Design em Layout.

Passo 2: Reconhecer o quadro de Auto Layout

O ícone do quadro no painel de Camadas mudará para indicar que é um quadro de Auto Layout. Isso significa que o quadro agora se ajusta dinamicamente aos seus objetos filhos.

Passo 3: Ajustar configurações do quadro

O Auto Layout adiciona quadros dinâmicos que se ajustam com base em seus objetos filhos. Você pode ajustar o preenchimento do quadro, o raio do canto e as dimensões, seja horizontalmente ou verticalmente. Use opções de redimensionamento como abraçar conteúdos para garantir que o quadro encolha para caber em seu texto.

Passo 4: Personalizar direção e espaçamento do layout

Altere a direção do layout (horizontal, vertical ou embrulhar). Ajuste o espaço horizontal entre os elementos ou adicione preenchimento para criar espaço negativo ao redor dos elementos.

Passo 5: Garantir a responsividade do botão

Botões criados com Auto Layout expandem ou encolhem automaticamente à medida que o texto é digitado, garantindo a responsividade. Isso é ideal para designs que exigem adaptabilidade.

Passo 6: Empilhar e agrupar elementos

Empilhe elementos uns sobre os outros e, em seguida, aplique Auto Layout para agrupá-los. Isso permite criar designs organizados e responsivos.

Passo 7: Modificar configurações avançadas

Ajuste as configurações de Auto Layout para controlar o comportamento dos traços e empilhamento dentro do quadro de Auto Layout. Modifique o comportamento de empilhamento para permitir que os objetos se sobreponham conforme necessário.

O Auto Layout simplifica o processo de criação de botões e outros designs responsivos, permitindo que se adaptem perfeitamente às mudanças de conteúdo e layout.