Mostrando entradas con la etiqueta ios cambiar texto label. Mostrar todas las entradas
Mostrando entradas con la etiqueta ios cambiar texto label. Mostrar todas las entradas

iOS : Ejercicio 3 cambiar texto label II

Blog >Lista ejercicios >  Ejercicio 3
Continuamos el tutorial de iOS con el tercer ejercicio



EJERCICIO 3 : Introducir el valor de un imputText y mostrarlo al hacer click en un Label

A diferencia del ejercicio anterior, aquí vamos a cambiar el texto del label, de la "forma correcta" para no tener problemas de memoria a la larga, y usando de contenedor un NSSTRING.

Creamos un nuevo proyecto en la forma habitual, create new proyect-single view application-universal.
Ahora en el archivo de la vista, osea en Main_iPhone.storyboard arrastramos 4 objetos, 3 botones, un label y un input text de tal manera que quede así:


Ahora vamos al viewControler.h a declarar los objetos y las acciones


#import 
@interface ViewController : UIViewController{
    //OBJETOS

    IBOutlet UILabel *label;

    IBOutlet UITextView *input;
}

//ACCIONES Y PROPIEDADES

-(IBAction)botontextoinput;

-(IBAction)botontextoinputConVariable;

-(IBAction)botontextofijo;

@end


Y en el .m ponemos el código siguiente :
#import "ViewController.h"

@interface ViewController ()
@end
@implementation ViewController

-(IBAction)botontextofijo{
    //TEXTO FIJO
    label.text=@"TheBestAndroide";
}
//boton del texto en el imput
-(IBAction)botontextoinput{

    //TEXTO INPUT
    //Se recoge el valor directamente del imput

    label.text=input.text;
}
//boton del texto del input mediante variable

-(IBAction)botontextoinputConVariable{

    //TEXTO DEL LABEL= VARIABLE STRING CON FORMATO :FORMATO ESPERADO,FORMATO QUE SE ESPERA

    label.text=[NSString stringWithFormat:@"%@",input.text];
}
@end

}
@end

Así que ya solo nos faltan las conexiones, en el archivo Main_iPhone.storyboard, en el panel de la derecha, donde esta el circulillo con la flecha, hacerlas así :




Label, arrastra del circulo en Referencing Outlets hasta el label, seleccionar la variable que hemos declarado en el .h con nombre label.

InputText, arrastra del circulo en Referencing Outlets hasta el inputText

Boton1, en sent Events, seleccionar el circulo de Touch Up Inside y arrastrarlo hasta el boton1, seleccionar botontextofijo, como la función declarada en los viewController.

Boton2, en sent Events, seleccionar el circulo de Touch Up Inside y arrastrarlo hasta el boton2, seleccionar botontextoinput, como la función declarada en los viewController.

Boton3, en sent Events, seleccionar el circulo de Touch Up Inside y arrastrarlo hasta el boton3, seleccionar botontextoinputConVariable, como la función declarada en los viewController.

Una vez implementadas las conexiones, usamos el emulador para probar la aplicacion (iPhone)

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


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