iOS : Ejercicio 2. Cambiar texto label por click en button

Blog >Lista ejercicios >  Ejercicio 2
Vamos con el segundo ejercicio del tutorial para aprender iOS:




EJERCICIO 2: CAMIAR TEXTO DEL OBJETO LABEL POR MEDIO DE CLICK EN BOTON

En el segundo ejercicio del tutorial, primero creamos un proyecto. Vamos a trabajar para hacer esta app en entorno de iPhone,así que hacemos click en la clase Main_iPhone.storyboard para que nos aparezca un View Controller en el que vamos a arrastar un label y un Button.




Vamos a trabajar en la clase ViewController, donde :

En el .h vamos a decirle al programa que vamos a usar
En el .m vamos a decirle al programa que vamos a hacer

Comenzamos, entonces lo primero que hay que decirle al programa que vamos a usar el InterfaceBuilder, así que el archivo.h quedaría así :


#import UIKit/UIKit.h

@interface ViewController :UIViewController{

//OBJETOS

//REFERENCIA AL AL LABEL

IBOutlet UILabel *label;

}

//ACCIONES Y PROPIEDADES

//ACCION PINCHAR BOTON

-(IBAction)pincharBoton;

@end



En iOS se usa * para los objetos ya que se pueden considerar punteros para ahorrar memoria, ahora vamos al archivo .m, y ahi escribimos el siguiente código :

#import "ViewController.h"

@implementation ViewController

-(IBAction)pincharBoton{
label.text=@"TheBestAndroide";

}

@end


Bien, ya sólo nos faltan las conexiones para que iOS sepa cuales son los objetos de la View, y lo hacemos de la siguiente manera, seleccionamos el label, botón derecho en el label y seleccionamos new referencing Outlet Collections, en el circulito de la derecha hacemos click con el ratón y sin soltar lo arrastramos hasta el label, al soltar aparecerá el nombre que hemos seleccionado en el archivo .h, ya tenemos la conexión al label



Ahora con el boton hacemos la misma operación, solo que  esta vez seleccionando la opción Touch up inside, que significa clickar dentro del botón.




Y este es el resultado









Podeis descargar el código fuente de thebestandroide con sólo compartir en facebook,twitter,linkedin o suscribirte a nuestro canal RSS más abajo. 



Compartir Compartir Compartir Compartir





Thebestandroide Indice Thebestandroide Ejercicio anterior Thebestandroide Siguiente ejercicio

0 comentarios:

Publicar un comentario