En este tutorial vamos a pulir la aplicación de las anteriores entregas, aprendiendo de paso bastantes trucos.

Pidámosle prestado a Ive el ojo de la usabilidad para ver que problemas tiene nuestra aplicación (aparte del hecho de que, como aplicación de prueba, no hace nada que pueda considerarse útil). Podemos ver que, nada más cargar, antes de pulsarse el Switch, se muestra el texto “Label”. Queda feo, ¿verdad?

Pues cambiémoslo. Podemos hacerlo de dos maneras, y es importante que conozcamos las dos, aunque en la práctica solo haría falta una. La primera de ellas es probablemente la mas obvia: abrimos el HolaMundoViewController.xib, hacemos clic en el Label, vamos a la primera pestaña del Inspector y borramos donde pone Label.

Ahora, lo haremos de la segunda. Vamos a HolaMundoViewController.m. Te habrás fijado que aparte del código que escribiste en la anterior entrega había mucho mas código en ese archivo, la mayoría de el en color verde. Eso se debe a que está comentado. Elimina las marcas de comentarios (el /* y el */) y el texto de viewDidLoad hasta dejarlo así:

Verás que además hemos añadido una línea que ya conoces: esta línea cambia el valor text de miLabel a “…”. Todo lo que está en la función viewDidLoad se ejecuta en el momento en que la vista ha cargado.

Ahora, si haces clic en Build & Go, verás que, antes de pulsar nada, salen los puntos suspensivos que escribiste antes. En la aplicación, haz clic en el Switch una vez. Verás que el texto cambia a “Hola iMundo!” tal y como debe ser. Ahora pulsa otra vez. ¿No debería hacer algo?

Vamos a hacer que cambie a color rojo si vuelves a poner el Switch en apagado, y que vuelva al negro si lo pones en encendido de nuevo. Modifica la función cambioSwitch para que quede así:

Eso que veis ahí es la sentencia if. La sentencia if evalúa una condición, y realiza unos pasos u otros dependiendo de si la condición se cumple o no. Quizás así quede mas claro:

En nuestro caso, comprobamos si el valor on de miSwitch es cierto (YES), y, si es así, le pasamos a la propiedad textColor de miLabel el resultado de crear un objeto UIColor y ejecutar en él el método blackColor; en caso de que sea falso (NO), el método que ejecutaremos será el método redColor. Los objetos UIColor (NSColor, si programas para Mac) vienen con colores predefinidos, como los usados en este caso.

Esta parte ha sido un poco mas difícil de comprender. Con algunos tipos de objetos (principalmente los que no son visibles en la interfaz), en lugar de modificar sus propiedades usamos métodos. Este es el caso de UIColor. Si quisiéramos, podríamos crear cualquier color en base a, por ejemplo, el tono, valor y saturación del color, con un método. Pero en este caso solo queremos crear un color rojo y, en caso de que el Switch esté encendido, un color negro, así que usamos los colores predefinidos.

De la misma forma que la propiedad text de miLabel ha de recibir texto, la propiedad textColor ha de recibir un objeto UIColor. Por último, la sintaxis de los métodos:

Creo que se entiende bastante bien. Por supuesto, cada objeto tiene sus métodos con sus formas de funcionar, así que es importante tener siempre la documentación a mano (⌘⌥?) a la hora de programar.

Creo que ya hemos aprendido suficiente por hoy. Guardad, compilad (Build & Go), y probad a ver si funciona. Si todo va bien, debería empezar con “…”, cambiar a “Hola iMundo!” al pulsarlo por primera vez, y el resto de toques alternarían entre color rojo y negro.

Si queréis, podéis ir “trasteando” con esta aplicación o creando otras, creo que ya sabéis bastante.

En la cuarta entrega (si, va a haber una cuarta, lo habéis conseguido…) añadiremos funcionalidad extra a nuestra aplicación. Aunque la verdad es que no lo tengo decidido, así que si queréis empezamos una nueva aplicación teniendo en cuenta los conocimientos adquiridos con esta.

Que os ha parecido hasta ahora? Muy fácil? Muy difícil? Lo seguís o os perdéis? Cualquier problema, duda o sugerencia, en los comentarios.