En este tutorial explicamos las diferentes maneras que tiene Swift para usar colores, explicamos cada una de las sintaxis y comandos. Podemos crear nuestro propio color o bien usar alguno predefinido, a continuación te explicamos cómo.
Colores predefinidos en Swift ui.
Como en cualquier lenguaje de programación en Swift encontramos algunos colores predefinidos que se pueden usar sin problemas.
La sintaxis para colores predefinidos es simplemente usar el parámetro Color, luego un punto y después el color predefinido.
Color.red
Podemos declarar una variable con el color.
let gris = Color.gray
O bien usarlo directamente en alguna función como por ejemplo background. Para usar un color predefinido en Swift background color hacemos lo siguiente:
.background( Color.blue)
Así seria un ejemplo:
HStack {
Text(“Ejemplo de”) .background( gris)
Text(“Colores en Swift ui”)
}.background( Color.blue)Estos son todos los colores predefinidos que podemos encontrar, debe iniciar con minúscula al usarlos.
- Black
- White
- Blue
- Brown
- Cyan
- Gray
- Green
- Indigo
- Mint
- Orange
- Pink
- Purple
- Red
- Teal
- Yellow
- clear
Crear color en Swift ui RGB, usarlo como backgroundcolor.
Swift tiene comandos donde podemos crear el color que requiera nuestro proyecto.
Utiliza el sistema RGB, además de tener opciones de modificar el matiz o tono (hue), la saturación (saturation) y el brillo (brightness).
De igual manera podemos crear una variable tipo color, o bien usarlo directamente en el parámetro a usar. Esta es la sintaxis:
let azulCielo = Color( red: 0.4627, green: 0.8392, blue: 1.0)
Al colocarlo dentro de una función como background:
.background( Color( red: 0.4627, green: 0.8392, blue: 1.0) )
Tenemos 6 parámetros que podemos usar al momento de crear el color, después de cada parámetro se escriben 2 puntos seguido por un valor entre 0 y 1.
Estos son los elementos que podemos usar:
- red, la cantidad de color rojo de 0 a 1.
- green, la cantidad de color verde de 0 a 1.
- blue, la cantidad de color azul de 0 a 1.
- hue, el matiz o tono, toma valores de 0 a 1.
- saturation, el valor de saturación, varia desde 0 hasta 1.
- brightness, la cantidad de brillo, también toma valores desde 0 a 1.
Creando grises en Swift.
Otra herramienta que tiene Swift, es poder crear tonos grises usando un simple parámetro. La sintaxis para crear una variable es la siguiente:
let grisClaro = Color( white: 0.8)
Para crear grises de diferentes tonalidades con Swift ui, solo escribimos White seguido por dos puntos y después un número entre 0 y 1.
El valor de ese número indica que tan blanco o negro será el color, pudiendo crear cualquier tonalidad de gris.
Para más tutoriales de Swift ve a este enlace.
La página oficial con más opciones de Colores es la siguiente: https://developer.apple.com/documentation/swiftui/color
Algunos temas que pueden ser de su interés:
Swift, convertir tipos de variables (String, float, int y double)