Un IBOutlet sirve para conectar un elemento visual a un elemento del controlador, en este caso, conectar un elemento de nuestro XIB o Storyboard a nuestro ViewController.
En esta ocasión, se describirá como hacerlo de forma manual y después crear la conexión, en otro post se indicará cómo hacerlo de una manera más sencilla y casi automática.
Pre requisitos:
- Tener creado un proyecto.
- Contar con un Storyboard o un archivo XIB con su respectivo ViewController.
Este ejemplo cuenta con un archivo XIB y un controlador llamados ViewController.
Lo primero que haremos es abrir el archivo ViewController.h y crear la siguiente propiedad:
@property (strong, nonatomic) IBOutlet UILabel *labelNombre;
Ahora iremos al archivo de la interfaz gráfica ViewController.xib y crearemos un UILabel.
Lo siguiente será crear el conexión de la propiedad labelNombre definida en el archivo ViewController.h y el elemento UILabel agregado a la interfaz gráfica.
Para ello, presionaremos sobre File’s Owner que se encuentra en:
Placeholers -> File’s Owner
junto con la tecla Ctrl, lo cual hará que se muestre una línea azul y dirigimos hacia donde está el UILabel.
dejamos de presionar y nos aparecerá un menú:
Nos aparecerán todos los elementos visuales que con los que se puede relacionar, en este caso como podemos observar, se muestra el nombre de la propiedad que definimos en nuestro ViewController. Bastará con presionar sobre el nombre de nuestra propiedad para que quede hecha la conexión.
Con eso quedará realizada la relación entre nuestro elemento visual y un objeto del controlador.