iOS: acciones y salidas

Las acciones y salidas en iOS se denominan ibActions y ibOutlets respectivamente, donde ibsignifica constructor de interfaces. Estos están relacionados con los elementos de la UI y los exploraremos luego de saber visualmente cómo implementarlos.

Acciones y salidas: pasos a seguir

Step 1 - Usemos nuestra primera aplicación para iPhone.

Step 2 - Seleccione el archivo ViewController.xib de los archivos en la sección del navegador.

Step 3 - Ahora, puede seleccionar los elementos de la interfaz de usuario del panel de la biblioteca en el lado derecho de nuestra ventana, que se muestra a continuación.

Step 4 - Puede arrastrar y soltar los elementos de la interfaz de usuario en nuestra vista en nuestro generador de interfaces.

Step 5 - Agreguemos una etiqueta y un botón de rectángulo redondo a nuestra vista.

Step 6 - Desde el botón Selector del editor en la barra de herramientas del espacio de trabajo que se encuentra en la esquina superior derecha como se muestra a continuación.

Seleccione el botón Editor asistente.

Step 7 - Veremos dos ventanas en el área de nuestro editor en el centro, una es el archivo ViewController.xib y la otra es ViewController.h.

Step 8 - Ahora, haga clic derecho en la etiqueta y seleccione, mantenga presionada y arrastre la nueva salida de referencia como se muestra a continuación.

Step 9- Coloque ViewController.h entre las llaves. En caso de que no haya llaves en el archivo, agregue ViewController antes de hacer esto. Encontrará una ventana emergente como se muestra a continuación.

Step 10- Escriba el nombre de la etiqueta para la salida, aquí hemos utilizado la etiqueta myTitleLabel. Haga clic en conectar y el ibOutlet estará completo.

Step 11 - De manera similar, para agregar una acción, haga clic con el botón derecho en el botón Rectángulo redondo, seleccione Retocar adentro y arrástrelo debajo de las llaves.

Step 12 - Suéltelo y asígnele el nombre setTitleLabel.

Step 13 - Seleccione el archivo ViewController.m, encontrará un método como se muestra a continuación.

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

Step 14 - Agregue una declaración como se muestra a continuación dentro del método anterior.

[myTitleLabel setText:@"Hello"];

Step 15- Ejecutemos ahora el programa seleccionando el botón Ejecutar. Verá el siguiente resultado.

Step 16 - Ahora haz clic en el botón.

Step 17 - La etiqueta que creamos ha sido cambiada por la acción en el botón.

Step 18- Del ejemplo anterior, podemos concluir que IBOutlet crea una referencia al UIElement (aquí para UILabel). Del mismo modo, la IBAction vincula el UIButton con un método, que se llama en el interior del evento de retoque.

Step 19 - Puede jugar con acciones seleccionando diferentes eventos mientras crea la acción.