El Modificador padding en SwiftUI

Nos permite agregar un margen entre el Texto y la caja que lo contiene, de forma que no quede pegado a los bordes

A estas alturas de nuestro trabajo con los textos en SwiftUI, habrás observado que se muestran en el interior en una caja limitada por un borde.

Text("En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.")

Con el Modificador padding indicamos el espacio que queremos que haya entre el texto y el borde de la caja que lo contiene.

Text("En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.")
     .padding()

En este caso, como no se indica ningún parámetro, el margen se aplica por igual arriba, abajo, izquierda y derecha.

Hay distintas definiciones del Modificador padding

padding(_ length: CGFloat)

Esta definición nos permite definir el valor exacto de los márgenes entre el texto y los bordes de la caja que lo contiene.

Text("En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.")
     .padding(50)

padding(_ edges:, _ length:)

Esta definición nos permite definir el valor exacto de un determinado margen.

Por ejemplo:

Text("En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.")
     .padding(.top, 50)

padding(_ insets: EdgeInsets)

Esta definición nos permite elegir entre algunas definiciones de márgenes ya establecidas.

Por ejemplo:

Text("En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.")
     .padding(.top)

Crea un margen superior con el espaciado predeterminado.

También nos proporciona una definición más completa que nos permite establecer los cuatro márgenes con una sola instrucción.

Por ejemplo:

Text("En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda.")
     .padding(.init(top: 50, leading: 10, bottom: 100, trailing: 40))

leading: Margen Izquierdo
trailing: Margen Derecho
top: Margen Superior
bottom: Margen Inferior

En la Documentación Oficial de SwiftUI podemos encontrar información sobre el Modificador padding

https://developer.apple.com/documentation/swiftui/view/padding(_:_:)

Más Contenidos de esta Sección

Espaciado de Líneas de Texto en SwiftUI

Espaciado de Líneas de Texto en SwiftUI

El Modificador lineSpacing nos permite definir la separación entre líneas de texto

Modo de Truncamiento en SwiftUI

Modo de Truncamiento en SwiftUI

Cuando tenemos limitado el número de líneas a mostrar, utilizaremos el Modificador truncationMode para establecer como se truncará el texto

Limitar el Número de Líneas en SwiftUI

Limitar el Número de Líneas en SwiftUI

Con el Modificador lineLimit de SwiftUI establecemos el número de líneas de texto a mostrar en caso de tener un texto que ocupa varias líneas

Alineación de Textos Multi-línea en SwiftUI

Alineación de Textos Multi-línea en SwiftUI

SwiftUI pone a nuestra disposición el Modificador multilineTextAlignment para alinear los Textos cuando tenemos varias líneas

Cómo cambiar la Fuente de los textos en SwiftUI

Cómo cambiar la Fuente de los textos en SwiftUI

SwiftUI permite cambiar de manera sencilla la Fuente usada en los Textos que mostramos en nuestras Apps

Cómo cambiar el color de los textos en SwiftUI con el Modificador foregroundColor

Cómo cambiar el color de los textos en SwiftUI con el Modificador foregroundColor

El Modificador foregroundColor nos permite cambiar el color de los Textos generados con SwiftUI

Cómo cambiar la apariencia de los textos en SwiftUI con el Modificador font

Cómo cambiar la apariencia de los textos en SwiftUI con el Modificador font

El Modificador font nos permite cambiar distintas propiedades que afectan a la apariencia de los Textos en SwiftUI

Cómo cambiar el Grosor de los Textos con SwiftUI (fontWeight)

Cómo cambiar el Grosor de los Textos con SwiftUI (fontWeight)

Veamos el Modificador que nos permite cambiar el Grosor de los Textos

Cómo cambiar el Estilo de los Textos con SwiftUI

Cómo cambiar el Estilo de los Textos con SwiftUI

Podemos modificar la apariencia de los Textos creados con SwiftUi editando sus Propiedades. De esta manera definimos el Estilo de los Textos de nuestra App

Nuestro primer Texto con SwiftUI (Text)

Nuestro primer Texto con SwiftUI (Text)

Vamos a comprobar como SwiftUI hace que sea muy sencillo trabajar con los Textos de la Interfaz Gráfica de nuestra App

Introducción al trabajo con Textos con SwiftUI

Introducción al trabajo con Textos con SwiftUI

Veamos una primera aproximación conceptual a los Textos cuando utilizamos SwiftUI para generar las Interfaces Gráficas de nuestras Apps

Desarrollo iOS | Interfaz de Usuario | Herramientas | Ciencias de la Computación | Mundo Apple | Recursos Externos | Fundamentos de Programación | Miscelánea |

© Swift, SwiftUI, UIKit, Xcode, iOS, iPadOS, watchOS, tvOS, macOS, Mac, iPhone, iPad, Safari, App Store, Apple y sus correspondientes Logotipos son marcas registradas de Apple Inc.

Profile images of content from Pixabay. You can see the Authors List.