Cambiar texto y color en un label con Objective-C y Swift

Cambiar-texto-y-color-en-un-label-con-Objective-C-y-Swift

Cambiar-texto-y-color-en-un-label-con-Objective-C-y-SwiftYa sabemos que las aplicaciones del entorno iOS tienen que tener un diseño espectacular.

Esto no es fácil si no sabes nada de diseño, pero con algunas recomendaciones que te voy a dar, podrás poner un poco más bonita tu App.

Cambiar texto y color en un label con Objective-C y Swift

Una de las cosas que debemos cuidar en nuestras aplicaciones es la fuente tipográfica.

No en vano, una de las razones que llevaron a Steve Jobs a crear el Mac, fue un curso de caligrafía que hizo en los pocos años que estuvo en la Universidad.

Jobs pensó que la letra de los ordenadores era muy fea, toda igual, entonces se las ideó para que el Mac tuviera muchos tipos de fuentes, y a cada cual más bonita.

De hecho uno de los motivos de que el lanzamiento de este ordenador se retrasase, fue el no poder incluir un tipo de fuente dado, finalmente pudo incluirse y el Mac vio la luz.

En nuestras Apps podemos cambiar texto y color en un label de una forma muy sencilla.

Basta con seleccionar el objeto dentro de nuestro ViewController y en el Inspector de atributos cambiar el tipo de fuente, el tamaño, etc.

Para el fondo hay un apartado llamado Background, que nos va a permitir poner un color o una imagen de una forma muy sencilla.

Pero vamos con algo de código para cambiar texto y color en un label con Objective-C y Swift.

Sí, muchas veces no todo acaba en el Storyboard, y necesitamos escribir código para hacer nuestras cosas, aquí van una serie de «tips» para cambiar texto y color.

Seleccionar tipo de fuente y tamaño

OBJECTIVE-C
[yourLabel setFont:[UIFont fontWithName:@»Arial» size:15]];
 
SWIFT
label.font = UIFont (name: «HelveticaNeue-UltraLight», size: 20) 

Cambiar colo de fuente y de fondo

OBJECTIVE-C
label.textColor = [UIColor greenColor];
label.backgroundColor = [UIColor clearColor];
 
SWIFT
label.textColor = UIColor.greenColor()
label.backgroundColor = UIColor.clearColor()
 

Para poner colores RGB

Ya sabéis y si no lo sabéis os lo digo yo, el valor de cada color va de 0 a 1, por lo que aquí «jugaremos» con valores double.
OBJECTIVE-C
label.backgroundColor = [[UIColor alloc] initWithRed:0.93 green:0.93 blue:0.93 alpha:1.0];
 
SWIFT
UIColor(red:0.93, green:0.93,blue:0.93,alpha:1.0)
 

Poner una imagen de fondo

OBJECTIVE-C
label.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@“nombreImagen.png»]];
 
SWIFT
label.backgroundColor = UIColor(patternImage: UIImage(named: «nombreImagen.png”))
 
Recordaros que dentro de muy poco estará en linea mi nueva plataforma online de formación iOS, dónde vas a poder encontrar un montón de Curso y píldoras de formación, suscríbete a mi Curso gratuito de Swift y entrarás a formar parte de mi Newsletter, dónde te mantendré informado de próximos cursos, descuentos, etc.
Tags:, , ,
About The Author
iOS Developer & Instructor at CFE Apps. Enseño a crear aplicaciones iOS a todo el que quiera aprender.

9 Comments

  • Pablo 07/12/2014 @ 04:07
    Reply

    Hola Sergio,

    he probado a cambiar en un label a cambiar el color de la letra y el fondo de este, en un segmento y va bien……pero a la hora de cambiar el tipo de letra hay ya me lío, veras pongo el código:

    label.font = UIFont (name: label.font.fontName, size: 20)?
    y en (name: label.font.fontName, size: 20) en la parte label.font. ?,size: 20) que tipo de letra pongo pues no me sale ninguna en el auto-completar, he probado con Helvetica y mas y no salen….¿como se hace?.

    Gracias.

    • Sergio Becerril 07/12/2014 @ 20:01
      Reply

      Hola Jose Pablo,

      Prueba con esto:

      label.font = UIFont (name: «HelveticaNeue-UltraLight», size: 30)

      Quizá en la entrada no quedó muy claro como implementar.

      Un abrazo.

      Sergio Becerril

  • Pablo 07/12/2014 @ 21:12
    Reply

    Hola Sergio,

    ya lo he visto en el curso en la pagina que me recomendaste, yo me confundí con el tema del punto es decir después de (name: ……) creía que me saldría diferentes tipos de letras. Pero he probado como tu dices y sale a la perfección y como te dije el tema del color también. Gracias.

    Un abrazo.

  • Gabriel Jaramillo 03/09/2015 @ 01:54
    Reply

    Hola!! me agradan tus post, y he aprendido mucho de ello, por otro lado, estoy iniciandome en swift, y me gustaria saber si se le puede insertar un color a por ejemplo un label, por medio de un codigo como en css asi como este: #FFFFFF ??
    saludos!

  • jimy 16/03/2016 @ 03:05
    Reply

    Que buenos ejemplos Gracias.
    Como hago para enlazar un button a un pickerview para que este gire como una maquina tragamonedas o sea donde el pickerview funcione como un spin al tocar al button en swift 2 y xcode7
    Si me puedes ayudar gracias de antemano

    • Sergio Becerril 16/04/2016 @ 13:07
      Reply

      Hola Jimy,

      Gracias por tus palabras, por visitar mi Blog y por comentar ?

      Me apunto tu consulta para elaborar una entrada en el Blog, ¡En cuanto saque un rato lo publico!

      Un abrazo.
      Sergio Becerril

  • Fernando Parra 22/04/2018 @ 22:37
    Reply

    Hola Sergio,
    Saludos desde colombia, me ha servido mucho tus blogs muy interesante para quienes nos gusta crear nuestras propias apps, con el tema del cambio de la fuente esta debe agregarse primero a xcode en mi caso de swift, debido a que en mi pc tengo una fuente pero en el xcode no aparece relacionada. o simplemente con el llamado de la fuente aparece ?

    • Sergio Becerril 23/04/2018 @ 16:48
      Reply

      Hola Fernando,

      Gracias por tus palabras. Para cambiar la fuente esta debe agregarse a Xcode, y así poderla usar.

      Gracias por visitar el blog y por comentar.

      Un abrazo.
      Sergio Becerril

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.