Neste vídeo, falaremos sobre margem e preenchimento.
A margem refere-se ao espaço ao redor de um elemento, como uma imagem, um texto e um botão.
Uma margem envolve essas partes do conteúdo em todos os lados para ajudar a
adicionar espaço na página e ajudar diferentes elementos a capturar a atenção do leitor.
Padding é o espaço entre uma borda e o elemento dentro dela.
O preenchimento envolve o texto ou uma imagem dentro de um determinado limite para
evitar que esse conteúdo toque a borda ou a caixa ao redor dele.
Voltemos ao nosso exemplo.
Aqui.
Dentro da coluna, especificamos o preenchimento usando o modificador.
Além disso, posso especificar a posição exata do preenchimento.
Por exemplo, aqui, dentro do modificador dot padding, vou especificar o início igual a 16 dpi.
Isso adicionará 16 pixels independentes de densidade dpi de margem
no lado inicial, e você poderá adicionar mais alguns preenchimentos.
Por exemplo, a parte superior é igual a 20 dpi.
Portanto, isso adicionará 20 dpi na parte superior do elemento componível.
Além disso, há um modificador de preenchimento de pontos em tudo aqui se eu especificar que tudo é igual a 20 dpi.
Aqui você pode especificar o mesmo valor para todos os lados.
Além disso, você pode adicionar horizontais iguais a 16 dpi,
o que permite especificar as margens horizontais e verticais.
Por exemplo, vertical é igual a 26 dpi.
Portanto, isso permitirá que você especifique as margens horizontais e verticais separadamente.
As margens são essenciais para obter o espaçamento e o alinhamento adequados nos layouts
da interface do usuário, garantindo uma experiência de usuário visual, atraente e consistente.
Outra função interessante que podemos usar aqui é a borda.
Então, aqui dentro da coluna, vou usar a borda.
A função border é usada para adicionar uma borda ao redor de um elemento componível.
Essa função permite que você especifique a aparência da borda, incluindo sua cor, largura e forma.
Vamos começar com a largura, como seis dpi, e a cor, como ponto vermelho.
Portanto, as margens, o preenchimento e as bordas são essenciais para obter o espaçamento e o alinhamento
adequados nos layouts da interface do usuário, garantindo uma experiência de usuário visualmente atraente e consistente.