Introducción

En iOS, las acciones (action) y los outlets (Outlet) se refieren a ibActions e ibOutlets, es decir, donde se encuentra el Interface Builder (IB). Todos estos están relacionados con elementos de la interfaz de usuario (UI). Los entenderemos visualmente y luego discutiremos cómo implementarlos.

Pasos

1. Usemos nuestra primera aplicación de iPhone.

2. Seleccione el archivo ViewController.xib de los archivos en la sección de navegación.

3. Desde la biblioteca de objetos que se muestra debajo de la ventana del lado derecho, seleccione elementos de UI.

4. Arrastre los elementos de UI al área visible del Interface Builder.

5. Agregue una etiqueta (Label) y un botón circular rojo a la vista.

6. Encuentre el botón de selección del editor en la esquina superior derecha de la barra de herramientas del área de trabajo, como se muestra a continuación.

Botón de selección del editor

7. En el centro del área del editor hay dos ventanas: el archivo ViewController.xib y ViewController.h.

8. Haga clic derecho en la etiqueta, seleccione Nueva referencia de salida (New Referencing Outlet), mantenga presionado y arrastre, como se muestra a continuación.

9. Ahora suéltelo entre las llaves de ViewController.h. También se puede colocar en el archivo; si es así, debe haberse añadido antes de hacer esto. Como se muestra a continuación.

10. Ingrese el nombre de la etiqueta (Label) del outlet. Aquí se proporciona myTitleLable. Haga clic en Conectar para completar el ibOutlet.

11. De manera similar, para agregar una acción, haga clic derecho en el botón redondeado, seleccione Touch Up Inside y arrástrelo hacia las llaves de abajo.

12. Renómbrelo como setTitleLable.

13. Seleccione el archivo ViewController.m; hay un método, como se muestra a continuación.

-(IBAction) setTitleLabel:(id)sender{
}

14. Dentro del método anterior, agregue una sentencia como se muestra a continuación.

[myTitleLabel setTitleText:@"Hello"];

15. Haga clic en el botón Ejecutar para ejecutar el programa y obtenga la siguiente salida.

16. Haga clic en el botón.

17. Las referencias (outlets) creadas han cambiado la etiqueta del botón a las acciones (actions) realizadas sobre el botón.

18. De lo anterior se deduce que IBOutlet crea una referencia a un elemento de UI (aquí, UILable). De manera similar, IBAction se vincula con UIButton ejecutando la acción sobre el UIButton.

19. Al crear una acción, puede realizar diferentes operaciones seleccionando diferentes eventos.

Otras extensiones