Nuestro primer Texto con SwiftUI (Text)
Ya sabemos como crear un Proyecto en Xcode utilizando SwiftUI y también nos hemos familiarizado con el Entorno Gráfico de Xcode en Proyectos SwiftUI, así que vamos a ponernos manos a la obra y comprobaremos lo fácil que es trabajar con los Textos de nuestras Apps con SwiftUI.
Crear un Texto desde el Código Fuente
Cuando creamos un Proyecto SwiftUI se generan automáticamente una serie de Ficheros.
Para el objetivo de este artículo nos fijaremos en el fichero ContentView.swift, el cual contiene un Código Fuente que Xcode ha creado de manera predeterminada, y que se nos muestra en el Panel Central (editor de código de Xcode).
En ese Código Fuente vemos una Estructura struct llamada ContentView
Esta Estructura contiene lo que mostrará la App en la pantalla de nuestro dispositivo.
En el Código de la Estructura ContentView hay una variable llamada body, y en su interior la Palabra Reservada Text junto al texto que queremos que se muestre en la Vista.
Text("Hello, World!")Text se utiliza para mostrar una o varias líneas de texto de solo lectura.
Si modificamos esa línea de código, cambiaremos el texto que se muestra en la pantalla.
Ejecutamos el Canvas haciendo clic sobre el botón resume y veremos el valor que hemos asignado a nuestro texto en la Preview
Crear un Texto desde la Preview
También podemos cambiar el valor del texto desde la Preview, para ello mantenemos pulsada la tecla Cmd y hacemos clic sobre el texto, apareciéndonos el Editor de SwiftUI
Elegimos la opción Show SwiftUI Inspector...
Aquí podemos cambiar el valor del texto
Y automáticamente se cambiará el Código Fuente asociado
Acabamos de comprobar lo sencillo que es mostrar un texto en la pantalla de nuetra App. Lo podemos hacer a través del Código Fuente o editando el objeto correspondiente en la Preview.
Resumiendo, utilizaremos la Palabra Reservada Text para crear nuestros elementos de texto, escribiendo el texto a mostrar entrecomillado y entre paréntesis.
Text("Nuestro Primer Texto con SwiftUI")Apple nos ofrece en su Documentación Oficial una sección dedicada a Text:
-
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 bordesCreado: 24/03/2021 -
Espaciado de Líneas de Texto en SwiftUI
El Modificador lineSpacing nos permite definir la separación entre líneas de textoCreado: 24/03/2021 -
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 textoCreado: 17/03/2021 -
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íneasCreado: 14/03/2021 | Modificado: 24/03/2021 -
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íneasCreado: 14/03/2021 -
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 AppsCreado: 12/03/2021 -
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 SwiftUICreado: 12/03/2021 -
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 SwiftUICreado: 11/03/2021 -
Cómo cambiar el Grosor de los Textos con SwiftUI (fontWeight)
Veamos el Modificador que nos permite cambiar el Grosor de los TextosCreado: 21/06/2020 | Modificado: 10/03/2021 -
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 AppCreado: 21/06/2020 | Modificado: 10/03/2021 -
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 AppsCreado: 17/06/2020 | Modificado: 08/03/2021