Aprendiendo Objetive-C para IOS (Dia 19)

Guion del blog de curso de Objetive-C para IOS – DIA 19
—————————————————————————–
CREANDO UNA APLICACION COMPLETA, Y SUBIENDOLA AL APPSTORE PARTE 1:
Vamos a crear una aplicacion completa, para repasar cosillas que hemos estado viendo en este diario, y vamos a subir todo esto al appstore.

Esto lo realizaremos en varios dias, ya que este proceso conlleva a la utilizacion de los certificados, dar de alta en el appstore, etc etc.
Vamos a crear una Calculadora del Metabolismo Basal…….. y que es esto??? Pues es una calculadora que se utiliza para poder calcular cuantas calorias necesita nuestro
cuerpo como Minimo para poder vivir, dependiendo de nuestra edad, sexo, altura, peso, asi como el gasto calorifico añadido dependiendo de nuestra actividad fisica.
Y porque este proyecto, porque queria que fuese una aplicacion sencilla, que nos permita repasar un monton de cosas vistas hasta ahora, y que sea una aplicacion que no existe en el appstore, al menos
en Español.
Basicamente necesitaremos bien poco. Vistas necesarias:
Vista principal:
Para poder realizar los diferentes calculos
Vista de indormacion:
Con las intrucciones, y un poco de informacion recogida de wikipedia, para saber de que va esto.
Vista detalles:
Para poder ver mas detalles de calculo, asi como el gasto calorifico dependiendo del tipo de actividad.
Como nos gustaria que esto fuera todo navegable, lo mejor que podemos hacer, es que sea un Controllador de tipo NAVIGATOR.
Manos a la obra!!!
En esta primera parte, vamos a crear lo que es la parte mas grafica
Asi que creamos un nuevo proyecto, que sea de tipo Single-view.

Una vez hecho esto, nos vamos a nuestro storyboard, y borramos el view creamos, y añadimos un Navigation View controller.

Nos creara el navigation view controller, y una primera vista. En esta vista vamos  a poner todo lo que seria nuestro interface principal
A continuacion añadimos otra vista que contendra Informacion sobre el Metabolismo Basal
Y por ultimo una tercera vista que tendra lo que seria Los detalles del calculo.
Puede quedar asi:

Basicamente, tenemos varios labels para los textos fijos, asi como 4 labels para los valores de la edad, altura, peso, y calorias.
A la derecha de cada 0, tenemos un boton que nos servira para elegir cada uno de los elementos que queremos modificar.
Luego tenemos los diferentes botones, con los numeros del 0 al 9, asi como la coma decimal
El boton MUJER, servira para cambiar entre hombre y mujer
El boton CALCULA, servira para realizar el calculo
El boton INFORME, servira para acceder a un informe mas detallado de los datos
El Boton LIMPIA TODO, pone a cero todos los contadores
el Boton LIMPIA, pone a cero, aquel elemento que estemos modificando es este momento
En la parte inferior, pondremo un iAD, para poder sacar publicidad en nuestra aplicacion. Os recomiendo no hacerlo de momento, ya que no hemos visto
aun como añadir el framework adecuado, y la aplicacion no funcionara. Asi que de momento, lo dejamos en pendiente.

Creamos un segue desde el boton de la barra del principal, hacia la vista de informacion
La vista informacion, solo tendra un UIVIewController, para sacar informacion en formato HTML de nuestra apliacion
(Sera en formato HTML, porque asi es mas comodo poner texto)
Creamos otro segue desde el boton Informe, a la tercera vista.
La vista Informe, tendra varios labels que mostraran diferente informacion. Algunos labels seran fijos, y otros se rellenaran con la informacion adecuada

De momento eso es todo. Mañana empezaremos con la logica de la aplicacion.
Un saludo a todos!!
————-
nota: Esto es no es curso propiamente dicho, es un diario de autoaprendizaje de objetive-c, que me sirve para afianzar conocimientos, y de paso, tener un diario de referencia, con ejemplos propios de uso del lenguaje.
————-

Aprendiendo Objetive-C para IOS (Dia 18)

Guion del blog de curso de Objetive-C para IOS – DIA 18
—————————————————————————–
Seguimos con el proyecto anterior, y esta vez, vamos a ver como podemos mostrar un detalle dependiendo de la celda que seleccionemos.

Vamos a crearnos algunos controles en el DetailViewController, para poder asi mostrar una informacion u otra, dependiendo de donde pulsamos. Agregamos Un Label para saber lo que estamos haciendo, y creamos el outlet necesario

El codigo de mi DetailViewController.h, quedara asi:
//
//  DetailViewController.h
//  Diario017
//
//  Created by david fraj blesa on 25/06/12.
//  Copyright (c) 2012 __MyCompanyName__. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface DetailViewController : UIViewController
@property (strong, nonatomic) id detailItem;
@property (strong, nonatomic) IBOutlet UILabel *detailDescriptionLabel;
@property (weak, nonatomic) IBOutlet UILabel *miEtiqueta;
@end
Siendo miEtiqueta, el Label que querremos actualizar, al pinchar en la celda que queramos.
Vamos a crear un SEGUE, de manera que arrastramos la celda prototipo manteniendo pulsado el CTRL, hasta el DetailViewController, y seleccionamos PUSH
Vamos ahora a por el codigo
//
//  MasterViewController.m
//  Diario017
//
//  Created by david fraj blesa on 25/06/12.
//  Copyright (c) 2012 __MyCompanyName__. All rights reserved.
//
#import «MasterViewController.h»
//Por David Fraj Blesa
//Importamos el DetailViewController
#import «DetailViewController.h»
———–
Como vemos, tenemos que importar el DetailViewController.h
————-
Tenemos que añadir el siguiente metodo, al final de DetailViewController, para poder realizar las acciones necesarias:
//Con esto, le pasamos a la vista lo que queramos. Hemos tenido que importar en la linea de arriba, el detailViewController.h
– (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{
    //Creamos una instancia de DetailViewController. Por eso hemos importado antes
    DetailViewController *detailController =segue.destinationViewController;
    
    //Creamos un NSSTring, que usaremos para recoger el texto, de la celda seleccionada
    NSString *seleccionado = [self.miVector objectAtIndex:self.tableView.indexPathForSelectedRow.row];
    
    //Le decimos al detailItem, que texto queremos poner.
    detailController.detailItem = seleccionado;
    
    detailController.indice=self.tableView.indexPathForSelectedRow.row;
    
}
@end
————-
Veamos como queda el DetailViewController.h
//
//  DetailViewController.h
//  Diario017
//
//  Created by david fraj blesa on 25/06/12.
//  Copyright (c) 2012 __MyCompanyName__. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface DetailViewController : UIViewController
//Es una propiedad de tipo id, para recoger cualquier cosa
@property (strong, nonatomic) id detailItem;
//Propiedad para decoger la descripcion en un label
@property (strong, nonatomic) IBOutlet UILabel *detailDescriptionLabel;
//Propiedad para decoger el indice en una etiqueta
@property (weak, nonatomic) IBOutlet UILabel *miEtiqueta;
//Propiedad para recoger un indice
@property (nonatomic) NSInteger indice;
@end
————-
Veamos como queda el DetailViewController.m
//
//  DetailViewController.m
//  Diario017
//
//  Created by david fraj blesa on 25/06/12.
//  Copyright (c) 2012 __MyCompanyName__. All rights reserved.
//
#import «DetailViewController.h»
@interface DetailViewController ()
– (void)configureView;
@end
@implementation DetailViewController
@synthesize detailItem = _detailItem;
@synthesize detailDescriptionLabel = _detailDescriptionLabel;
@synthesize miEtiqueta = _miEtiqueta;
@synthesize indice = _indice;
#pragma mark – Managing the detail item
– (void)setDetailItem:(id)newDetailItem
{
    if (_detailItem != newDetailItem) {
        _detailItem = newDetailItem;
        
        // Update the view.
        [self configureView];
    }
}
– (void)configureView
{
    // Update the user interface for the detail item.
    //POR DAVID. AQUI VIENE LO IMPORTANTE
    if (self.detailItem) {
        //SI SE LE PASA UN detailItem
        //Actualiza el texto del primer label, con la propiedad description del detailItem
        self.detailDescriptionLabel.text = [self.detailItem description];
        
        //Actualiza la etiqueta, con el indice que le pasamos en indice.
        self.miEtiqueta.text = [NSString stringWithFormat:@»%i», self.indice];
        
        //IMPORTANTE!!!!
        //Fijaos como en este punto, y atraves del indice, podemos llamar a cualquier podicion de un vector sin ningun problema
        //Me voy a crear un vector con elementos para que lo veais:
        NSArray *unVector=[[NSArray alloc] initWithObjects:@»Cero», @»Uno», @»Dos», @»Tres», nil];
        
        //De esta forma, relleno la label con mas informacion
        self.miEtiqueta.text = [NSString stringWithFormat:@»%i – %@», self.indice, [unVector objectAtIndex:self.indice]];
        
        
    }
}
– (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Release any cached data, images, etc that aren’t in use.
}
#pragma mark – View lifecycle
– (void)viewDidLoad
{
    [super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
    [self configureView];
}
– (void)viewDidUnload
{
    [self setMiEtiqueta:nil];
    [super viewDidUnload];
    // Release any retained subviews of the main view.
    // e.g. self.myOutlet = nil;
}
– (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];
}
– (void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:animated];
}
– (void)viewWillDisappear:(BOOL)animated
{
[super viewWillDisappear:animated];
}
– (void)viewDidDisappear:(BOOL)animated
{
[super viewDidDisappear:animated];
}
– (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
    // Return YES for supported orientations
    return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown);
}
@end
————-
Eso es todo de momento!!
Llegados a esto, podemos probar con un sinfin de datos de forma dinamica
————-
nota: Esto es no es curso propiamente dicho, es un diario de autoaprendizaje de objetive-c, que me sirve para afianzar conocimientos, y de paso, tener un diario de referencia, con ejemplos propios de uso del lenguaje.
————-

Aprendiendo Objetive-C para IOS (Dia 17)

Guion del blog de curso de Objetive-C para IOS – DIA 17
—————————————————————————–
Vamos a ver ahora, como crear el contenido de un Table View, de forma dinámica, así como al pinchar en un elemento, que se vea un detalle del mismo.

Para eso, creamos un nuevo proyecto, del tipo «master view detail», y usamos storyboart y ARC
Nos vamos al StoryBoard

Seleccionamos la Master View Controller, en el panel de la izquierda seleccionamos la TableView. En el inspector a la derecha cambiamos la propiedad Content a Dynamic Prototypes
Esto nos va a permitir, poder rellenar la tabla mediante codigo de programacion, haciendo asi todo mucho mas dinamico
Voy a cambiar la configuracion de la celda. Para eso, pincho en el prototipo de la celda, y en style, le pongo BASIC, y le doy un identificador propio, que sera miCelda
Vamos ahora con la programacion. Vamos a crearnos un vector con los diferentes elementos que queremos mostrar en el table view. Sera un vector de Strings.
Para eso, vamos al  MasterViewController.h
————————————————–
Esto podria quedar asi:
//
//  MasterViewController.h
//  Diario017
//
//  Created by david fraj blesa on 25/06/12.
//  Copyright (c) 2012 __MyCompanyName__. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface MasterViewController : UITableViewController
@property (strong) NSMutableArray *miVector;
@end
Ahora, vamos al  MasterViewController.m
————————————————–
Os pongo el codigo de como quedara. Fijaos bien en los comentarios
//
//  MasterViewController.m
//  Diario017
//
//  Created by david fraj blesa on 25/06/12.
//  Copyright (c) 2012 __MyCompanyName__. All rights reserved.
//
#import «MasterViewController.h»
@implementation MasterViewController
//Añadido por DAVID: CREAMOS LOS GETTERS Y SETTERS
@synthesize miVector;
– (void)awakeFromNib
{
    [super awakeFromNib];
}
– (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Release any cached data, images, etc that aren’t in use.
}
#pragma mark – View lifecycle
– (void)viewDidLoad
{
    
    [super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib. 
    
}
– (void)viewDidUnload
{
    [super viewDidUnload];
    // Release any retained subviews of the main view.
    // e.g. self.myOutlet = nil;
}
– (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];
}
– (void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:animated];
}
– (void)viewWillDisappear:(BOOL)animated
{
[super viewWillDisappear:animated];
}
– (void)viewDidDisappear:(BOOL)animated
{
[super viewDidDisappear:animated];
}
– (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
    // Return YES for supported orientations
    //POR DAVID FRAJ: TAPAMOS ESTA LINEA
    //return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown);
    //Y ESCRIBIMOS ESTO OTRO PARA QUE PERMITA CAMBIAR DE ORIENTACION:
    return YES;
}
/*
// Override to support conditional editing of the table view.
– (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath
{
    // Return NO if you do not want the specified item to be editable.
    return YES;
}
*/
/*
// Override to support editing the table view.
– (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
{
    if (editingStyle == UITableViewCellEditingStyleDelete) {
        // Delete the row from the data source.
        [tableView deleteRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationFade];
    } else if (editingStyle == UITableViewCellEditingStyleInsert) {
        // Create a new instance of the appropriate class, insert it into the array, and add a new row to the table view.
    }   
}
*/
/*
// Override to support rearranging the table view.
– (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)fromIndexPath toIndexPath:(NSIndexPath *)toIndexPath
{
}
*/
/*
// Override to support conditional rearranging of the table view.
– (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath
{
    // Return NO if you do not want the item to be re-orderable.
    return YES;
}
*/
//POR DAVID FRAJ BLESA:
//AÑADIMOS LOS SIGUIENTES METODOS:
//NUMERO DE SECCIONES QUE QUEREMOS QUE APAREZCAN:
– (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    return 1;
}
//NUMERO DE FILAS, QUE SERA EL NUMERO DE ELEMENTOS DEL VECTOR
– (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    //POR DAVID: REVISAR LUEGO
    //DEVOLVEMOS EL NUMERO DE ELEMENTOS
    return [miVector count];
    
}
//QUE ES LO QUE QUEREMOS QUE APAREZCA EN CADA UNA DE LAS CELDAS
//A este metodo se le llamara, por cada uno de las filas que le hallamos dicho que tenemos justo en el metodo de arriba.
– (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    //Creamos una nueva Variable de tipo celda
    UITableViewCell *celda = [tableView dequeueReusableCellWithIdentifier:@»miCelda»];
    
//LE damos a esa celda el contenido del vector
    celda.textLabel.text = [miVector objectAtIndex:indexPath.row];
    return celda;
}
@end
—————————————————-
VAMOS AHORA CON EL APPDELEGATE, PARA DARLE LA INFORMACION
—————–
//
//  AppDelegate.m
//  Diario017
//
//  Created by david fraj blesa on 25/06/12.
//  Copyright (c) 2012 __MyCompanyName__. All rights reserved.
//
#import «AppDelegate.h»
//AÑADIDO POR DAVID
#import «MasterViewController.h»
@implementation AppDelegate
@synthesize window = _window;
– (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    
    
    
    //POR DAVID FRAJ BLESA:
    //CREAMOS EL VECTOR CON LOS DATOS
    NSMutableArray *miVectorDesdeFuera=[NSMutableArray arrayWithObjects:@»70% de Descuento», @»60% de Descuento», @»40% de Descuento», @»30% de Descuento», nil];
    
    //Creamos una variable de tipo UINavigationController, y lo creamos pasandole un puntero desde nuestro propio rootViewController
    UINavigationController *navController = (UINavigationController *) self.window.rootViewController;
    
    //Como hemos importado desde arriba el MasterViewController, cogemos el elemento
    MasterViewController *masterController = [navController.viewControllers objectAtIndex:0];
    
    //Le asignamos al vector creado en MasterViewCOntroller, el vector creado 6 lineas arriba
    masterController.miVector=miVectorDesdeFuera;
    
    
    
    // Override point for customization after application launch.
    return YES;

…..

—————————————

HASTA aqui de momento hemos hemos consguido rellenar nuestra tabla. Mañana veremos como al hacer click, veremos el detalle adecuado a nuestra eleccion
————-
nota: Esto es no es curso propiamente dicho, es un diario de autoaprendizaje de objetive-c, que me sirve para afianzar conocimientos, y de paso, tener un diario de referencia, con ejemplos propios de uso del lenguaje.
————-

Aprendiendo Objetive-C para IOS (Dia 16)

Guion del blog de curso de Objetive-C para IOS – DIA 16
—————————————————————————–
Vamos a trabajar hoy con las tablas, usando las celdas de forma estática.
Para eso, creamos un nuevo proyecto con Storyboard, de una sola vista.

Nos vamos al Storyboard, borramos el VIEWCONTROLLER que tenemos, y Arrastramos un Navigation Controller.
Automaticamente, nos crear el Navigation Controller, enlazado con un View Controller que hace de ROOT View. Ese Root veis no nos sirve, porque nosotros queremos un Table View Controller. Asi que lo eliminamos.
Arrastamos un TableViewController
Y con la Tecla CTRL pulsada, arrastramos desde el navigation controller hasta el Table View Controller
En relationShip, elegimos root view controller
Nos vamos al inspector de atributos del table view controller, y elegimos STATIC CELLS

Nos habrá creado 3 celdas estáticas
En el listado de objetos de la derecha, podemos añadir todas las celdas que queramos, simplemente arrastrando el Table View Cell

Podemos cambiarle el Style para cambiar rapidamente el aspecto de la celda
Si queremos que al pulsar en una celda, vaya a otro View Controller, se puede hacer como siempre.
Agregamos otro view Controller a la escena, y creamos un SEGUE con la tecla CTRL pulsada. Elegimos pus, para que nos cree la navegación de forma automática

Como hemos empezado con un Navigation View  Controller, todos los segues PUSH que hagamos, nos respetaran la navegacion
————-
nota: Esto es no es curso propiamente dicho, es un diario de autoaprendizaje de objetive-c, que me sirve para afianzar conocimientos, y de paso, tener un diario de referencia, con ejemplos propios de uso del lenguaje.
————-

Aprendiendo Objetive-C para IOS (Dia 15)

Guion del blog de curso de Objetive-C para IOS – DIA 15
nota: Esto es no es curso propiamente dicho, es un diario de autoaprendizaje de objetive-c, que me sirve para afianzar conocimientos, y de paso, tener un diario de referencia, con ejemplos propios de uso del lenguaje.
————-

Vamos a ver como funciona el tema de los delegados y protocolos con xcode. La idea es que queremos tener 2 viewcontroller. En el primerViewController, tendremos un boton y una eltiqueta,  y el segundoViewController, tendremos un cuadro de texto y un boton.

El boton del primerViewController, lo unico que hara es abrir el segundoViewController, mediante el uso de un SEGUE

Cuando estemos en el segundoViewController, escribiremos algo en el campo de texto, y al darle al boton del segundoViewController, volveremos al primerViewController, y escribiremos el texto del campo de texto, en la etiqueta del primerViewController.

Para esto, creamos un proyecto con las caracteristicas de siempre:

Y Creamos el interface con los dos viewControllers.

A continuacion, tenemos que crearnos 2 subclasses, que derivaran de UIViewController, llamadas primerViewController, y segundoViewController

Una vez echo esto, tenemos que asociar cada uno de lo View Controller del interface grafico, con primerViewController, y segundoViewController. Eso lo haremos desde el interface Grafico, en el apartado identity inspector, tal como hemos hecho otras veces.

Tenemos ahora que crearnos los outlets correspondientes, arrastrando con la tecla CTRL pulsada, a cada uno de los viewControllers.

El codigo quedara de la siguiente forma:

En el primerViewController.h
—————————–

@property (strong, nonatomic) IBOutlet UILabel *etiqueta;
En el primerViewCOntroller.m
—————————–
@synthesize etiqueta;
En el segundoViewController.h
—————————————
@property (strong, nonatomic) IBOutlet UITextField *cajaTexto;
- (IBAction)volver:(id)sender;
En el segundoViewController.m
—————————————

@synthesize cajaTexto;
- (IBAction)volver:(id)sender {
    //Aqui el codigo para cuando pulsemos en el boton
}

Vamos ahora a por el codigo necesario para hacer la delegacion
———————————————————————————————————————

//
//  segundoViewController.h
//  Diario015
//
//  Created by david fraj blesa on 21/06/12.
//  Copyright (c) 2012 __MyCompanyName__. All rights reserved.
//
#import <UIKit/UIKit.h>
//Vamos a crear un nuevo Delegate. Un delegate, es una respuesta ante un evento. Lo que hacemos es que, dentro de este delegate
//creamos un metodo llamado devolverValor, que recibira un texto
@protocol segundoViewControllerDelegate <NSObject>
– (void)devolverValor:(NSString *)texto;
@end
//Empieza el objeto segundoViewController.
@interface segundoViewController : UIViewController
//propiedad traida desde el interface builder
@property (strong, nonatomic) IBOutlet UITextField *cajaTexto;
//Creamos una nueva propiedad, que sera el delegado, y sera de tipo segundoViewController definido arriba
@property (nonatomic, weak) id <segundoViewControllerDelegate> delegate;
//Encabezado del metodo volver, que se ejecutara al pulsar el boton
– (IBAction)volver:(id)sender;
@end
//Finaliza el segundoViewController
———————————————————————————————————————
//
//  segundoViewController.m
//  Diario015
//
//  Created by david fraj blesa on 21/06/12.
//  Copyright (c) 2012 __MyCompanyName__. All rights reserved.
//
#import «segundoViewController.h»
@implementation segundoViewController
//Getter y Setters de cajaTexto
@synthesize cajaTexto;
//Getter y Setters de delegate
@synthesize delegate;
//Implementamos el metodo volver.
– (IBAction)volver:(id)sender {
    //El delegate, implementa el metodo devolverValor, al que le pasamos un texto, que sera el de cajaTexto
    [delegate devolverValor:self.cajaTexto.text];
}
– (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{

………

———————————————————————————————————————

//
//  primerViewController.h
//  Diario015
//
//  Created by david fraj blesa on 21/06/12.
//  Copyright (c) 2012 __MyCompanyName__. All rights reserved.
//
#import <UIKit/UIKit.h>
//Importamos el segundoViewCOntroller.h
#import «segundoViewController.h»
//Aqui es cuando le decimos, que hay que usar el protocolo segundoViewControllerDelegate, asi que tenemos
//que implementar obligatoriamente el metodo definido en el protocolo, que sera devolverValor
//Esto lo haremos en el primerViewController.m
@interface primerViewController : UIViewController <segundoViewControllerDelegate>{
    
}
@property (weak, nonatomic) IBOutlet UILabel *etiqueta;
@end





———————————————————————————————————————

//
//  primerViewController.m
//  Diario015
//
//  Created by david fraj blesa on 21/06/12.
//  Copyright (c) 2012 __MyCompanyName__. All rights reserved.
//
#import «primerViewController.h»
@implementation primerViewController
@synthesize etiqueta;
//Como hemos puesto como protocolo obligatorio el <segundoViewController>, tenemos que implementar
//sus metodos si o si.
– (void)devolverValor:(NSString *)texto {
    self.etiqueta.text = texto;
    [self dismissModalViewControllerAnimated:YES];
}
//Al llamar al segundoViewController mediante el SEGUE, debemos decirle, cual es el delegate del segundoViewController.
//El delegate del segundoViewController, debe ser primerViewController.
– (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
    segundoViewController * segundoViewController = segue.destinationViewController;
    segundoViewController.delegate = self;
}


– (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
………



———————————————————————————————————————

Eso es todo!!!

Aqui hemos visto pues un ejemplo de como implementar un protocolo, y como usarlo dentro de nuestra clase.

Un saludo!!!

Aprendiendo Objetive-C para IOS (Dia 14)

Guion del blog de curso de Objetive-C para IOS – DIA 14
nota: Esto es no es curso propiamente dicho, es un diario de autoaprendizaje de objetive-c, que me sirve para afianzar conocimientos, y de paso, tener un diario de referencia, con ejemplos propios de uso del lenguaje.
————-
Vamos a hacer una jerarquiza completa, usando todos los elementos con NAvigation View Controller.

Por no variar, he usado un proyecto SIngle-View, he borrado el single View, y he insertado un Navigation View Controller.
Agrego cada uno de los view controlares existentes, de manera que tendré, a parte del Navigation View Controller, Un Tab Bar View Controller, Table View COntroller, Page veis Controller, View COntroller y GLKITView Controller (Aunque estos dos últimos no nos van a funcionar nada bien, pero así ponemos todos)
Puede quedar como a continuación:
Una vez terminado, vamos a añadir 5 botones a nuestro Root View Controller, y añadimos un segué desde cada botón del Root View Controller, hasta el Controller adecuado. NO OLVIDEIS ELEGIR PUSH
Podria quedar de esta forma.
Pero que pasa ahora si queremos programar algo???
Has ahora no hemos escrito ni un solo código de programación. En el Tab 1, queremos por ejemplo que al pulsar un botón, escriba el típico HOLA MUNDO en un Cuadro de texto.
Y como podemos hacer esto???
En versiones anteriores de XCODE, teníamos que cada pantallado o VIEW, venia con su archivo .h y .m, pero con storyboard ya no tenemos nada de esto. Asi que lo que tenemos que hacer, es crearnos una subclase, y asociarlo con la vista adecuada.
Para eso-> New File->UIViewCOntroller Subclass-> NEXT
Elegimos el nombre, como por ejemplo tabBarItem1, y le decimos que herede de UIViewController

Para poder continuar, tenemos que decirle a nuestro tab, que la clase NO es UIViewCOntroller, sino que es nuestra recién creada tabBarItem1
Para esto, vamos al identity Inspector del Tab bar 1, y donde pone CUSTOM CLASS, elegimos tabBarItem1
A continuación creamos los Outlets, adecuados, así como el IBACtion, que responda a la pulsación del botón
Quedara el archivo .h así:
//
//  tabBarItem1.h
//  Diario014
//
//  Created by david fraj blesa on 20/06/12.
//  Copyright (c) 2012 __MyCompanyName__. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface tabBarItem1 : UIViewController
@property (weak, nonatomic) IBOutlet UIButton *btnBoton;
@property (weak, nonatomic) IBOutlet UITextField *txtTexto;
– (IBAction)btnBoton_TouchUpInside:(id)sender;
@end
Nos vamos al archivo .m, y vamos a programar el método de pulsar en el botón. Buscamos el método, y vemos como tiene que quedar algo así:
– (IBAction)btnBoton_TouchUpInside:(id)sender {
    
    txtTexto.text=@»Hola mundo»;
    
}
Asi que de momento terminamos. Esto se esta convirtiendo poco a poco en un mundo lleno de posibilidades!! eje.
Un saludo a todos

Aprendiendo Objetive-C para IOS (Dia 13)

Guion del blog de curso de Objetive-C para IOS – DIA 13
nota: Esto es no es curso propiamente dicho, es un diario de autoaprendizaje de objetive-c, que me sirve para afianzar conocimientos, y de paso, tener un diario de referencia, con ejemplos propios de uso del lenguaje.

————-
 Seguimos con el Storyboard. Iniciamos un proyecto tipo SINGLE-VIEW como en otros dias, y activamos storyboard y ARC.

Vamos al archivo storyboard, y borramos el view controller creado por defecto.

Arrastramos un NAVIGATION VIEW CONTROLLER

Agregamos 2 VIEW CONTROLLERs

Creamos dos botones que serviran para poder navegar a uno u otro view controller

 

Vamos a arrastrar pulsando la tecla CTRL al primer view controller

IMPORTANTE!! para que aparezca automaticamente, el boton de navegacion para volver, elegimos PUSH en el SEGUE

Hacemos lo mismo con la otra vista, tal y como sale en las imagenes:

 

Podemos cambiar el fondo de los view controllers, asi como añadirle etiquetas, eso si SOLO SI esta en modo Zoom Normal.

Y ya hemos terminado de momento!!

A partir de ahora, mas codigo y menos imagenes!!! jeje.

Un saludo a todos!!

Aprendiendo Objetive-C para IOS (Dia 12)

Guion del blog de curso de Objetive-C para IOS – DIA 12
nota: Esto es no es curso propiamente dicho, es un diario de autoaprendizaje de objetive-c, que me sirve para afianzar conocimientos, y de paso, tener un diario de referencia, con ejemplos propios de uso del lenguaje.
————-

Seguimos con los Storyboards, y esta vez vamos a ver como podemos crearnos un interface, basado en Tab View Controllers.

Creamos un nuevo proyecto usando storyboards y arc, y elegimos de nuevo single-view

En el archivo storyboard, vemos como tenemos un unico ViewController (justo lo que hemos elegido)

Lo eliminamos son la tecla SUPR, y arrastramos un TAB View Controller.

Nos aparecera un Tab View controller, con dos view controller ya enlazadas y con sus pestañas. Vamos a ver como agregar mas, para ver el funcionamiento.

Arrastramos un nuevo View Controller

Mantenemos pulsado la tecla CTRL, y arrastramos desde nuestro TAB BAR COntroller, hasta el nuevo view controller.


Para que lo enlace todo de forma automatica, elegimos Relationship – viewControllers

De esta forma podemos crearnos todos los TABs que queramos

Si queremos cambiar el orden de los Tabs, podemos hacerlo directamente en el Tab Bar Controller, arrastrandolos para cambiar de orden.

Si queremos cambiar el nombre de los items, asi como la imagen, tenemos que hacerlo en cada View Controller.

Eso es todo de momento!!!

Aprendiendo Objetive-C para IOS (Dia 11)

Guion del blog de curso de Objetive-C para IOS – DIA 11
nota: Esto es no es curso propiamente dicho, es un diario de autoaprendizaje de objetive-c, que me sirve para afianzar conocimientos, y de paso, tener un diario de referencia, con ejemplos propios de uso del lenguaje.
————-
Vamos a investigar un poco sobre como funciona el nuevo modelo de xcode 4, llamado storyboard. Para crear un proyecto con storyboard, necesitamos activar storyboard al crear el proyecto. Para poder ver el funcionamiento, Creamos un nuevo proyecto, y marcamos la casilla storyboard y ARC. Elegiremos Single-view

 Vamos a ver lo sencillo que es crear un proceso de navegacion con storyboard entre pantallas.
Veremos que se nos ha creado un primer VIEW CONTROLLER. Desde el menu de objetos, podemos arrastrar a nuestro storyboard todos los VIEW CONTROLLER que queramos.
Podria quedar asi de esta forma:

Podemos arrastrar un boton al primer view controller como siempre. Para que al pulsar en el boton, y nos lleve a otro view Controller, podemos simplemente arrastrar manteniendo pulsado la tecla CTRL, y arrastrar a la vista que queramos abrir.

Aparecera un mensaje que nos dara a elegir el tipo de transicion «SEGUE». Elegimos MODAL

Pinchamos en el dibujo del SEGUE, y nos dara a elegir las diferentes transiciones posibles.

Podemos jugar ahora con las diferentes transiciones que nos permite, creando diferentes VIEW CONTROLLER.


 Y todo sin escribir una sola linea de codigo!!!!

Habra que seguir investigando a ver que mas posibilidades tenemos!!

Un saludo!!!

Aprendiendo Objetive-C para IOS (Dia 10)

Guion del blog de curso de Objetive-C para IOS – DIA 10
nota: Esto es no es curso propiamente dicho, es un diario de autoaprendizaje de objetive-c, que me sirve para afianzar conocimientos, y de paso, tener un diario de referencia, con ejemplos propios de uso del lenguaje.
————-
Vamos a ver como crear un UITableView en nuestro proyecto. Para eso, hacemos como siempre un nuevo proyecto, que tenga una single view, y añadimos a dicho proyecto un TableView desde el interface builder.

Una vez echo esto, asignamos los 2 outlets de la tabla, a nuestro FilesOwner, tal como nuestra la imagen
————
Hacemos el outlet de dicha tabla en nuestro archivo ViewController.h, y nos creamos también un vector para guardar los diferentes elementos que queremos tener en nuestra tabla.
El archivo ViewController.h quedara así:
//
//  ViewController.h
//  Diario010
//
//  Created by david fraj blesa on 14/06/12.
//  Copyright (c) 2012 __MyCompanyName__. All rights reserved.
//
#import <UIKit/UIKit.h>
@interface ViewController : UIViewController <UITableViewDelegate, UITableViewDataSource>{
    
    //Creamos un array Mutable, para guardar un listado.
    NSMutableArray *listado;
    
}
@property (retain, nonatomic) IBOutlet UITableView *tableListado;
@end
Fijaos en estas lineas:
@interface ViewController : UIViewController <UITableViewDelegate, UITableViewDataSource>{
Aquí nos estamos comprometiendo, mediante los dos protocolos UITableViewDelegateUITableViewDataSource, que implementaremos los métodos obligatorios que dictan dichos protocolos, como ya nos paso en el PickerView
Dicha implementación la haremos en el archivo ViewController.m, quedando el código así:
//
//  ViewController.m
//  Diario010
//
//  Created by david fraj blesa on 14/06/12.
//  Copyright (c) 2012 __MyCompanyName__. All rights reserved.
//
#import «ViewController.h»
@implementation ViewController
@synthesize tableListado;
– (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Release any cached data, images, etc that aren’t in use.
}
#pragma mark – View lifecycle
– (void)viewDidLoad
{
    [super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
    
    //Inicializamos el vector que tendrá todos los objetos, y le damos elementos
    listado=[[NSMutableArray alloc] initWithObjects:@»Zaragoza», @»Huesca», @»Teruel», nil];
    
    //Podemos añadir asi
    [listado addObject:@»Valencia»];
    [listado addObject:@»Alicante»];
    
    //O podemos añadir con un bucle
    for(int i=0; i<10;i++){
        [listado addObject:[NSString stringWithFormat:@»Ciudad %i», i]];
    }
    
    
    
    
}
////////////////////
// COMO NOS HEMOS COMPROMETIDO, MEDIANTE LOS PROTOCOLOS 
//<UITableViewDelegate, UITableViewDataSource>, tenemos que 
//implementar los siguientes metodos, para poder hacer funcionar nuestra tabla
//Esto tambien pasaba cuando vimos el UIPickerView, y volvera a pasar
//Mas adelante con los map View por ejemplo
//Metodo para establecer el titulo de la tabla
-(NSString *) tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{
    return @»Titulo de tabla»;
}
//Metodo para establecer el pie de la tabla
-(NSString *) tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section{
    return @»Pie de la tabla»;
}
//Necesitamos decirle como llenar la tabla. Devolvera la celda 
– (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    
    //En todos los ejemplos ponen la palabra static, pero no hace falta
    NSString *CellIdentifier = @»Cell»;
    
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
   
    if (cell == nil) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
    }
    
    // Configuramos la celda
    cell.textLabel.text = [listado objectAtIndex:indexPath.row];
    //Vamos a ponerle una imagen a la celda
    //Creamos un objeto de imagen, llamado icono
    UIImage *icono=[UIImage imageNamed:@»icono.jpg»];
    
    //Asignamos el objeto imagen llamado icono, a la celda
    cell.imageView.image=icono;
    
    //Devuelvo la celda
    return cell;
    
}
//Debemos decirle cuantos elementos tenemos
//llamaremos al metodo count de nuestro vector
-(NSInteger )tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return [listado count];
}
//Vamos a implementar ahora, el metodo para que nos saque un UIAlertView, cuando pulsemos en uno de los elementos
-(void) tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
    
    //Creamos un string para recoger lo que se mostrara
    NSString *texto=[listado objectAtIndex:[indexPath row]];
    
    //Creamos el alert
    UIAlertView *alerta=[[UIAlertView alloc] initWithTitle:@»Elemento seleccionado» message:texto delegate:self cancelButtonTitle:@»OK» otherButtonTitles: nil];
    
    //mostramos la alerta
    [alerta show];
    
    //liberamos recursos
    [alerta release];
    [texto release];
}
///////////////////
////////////////////////////////////
/////////////////////////////////////////////////
– (void)viewDidUnload
{
    [self setTableListado:nil];
    [super viewDidUnload];
    // Release any retained subviews of the main view.
    // e.g. self.myOutlet = nil;
}
– (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];
}
– (void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:animated];
}
– (void)viewWillDisappear:(BOOL)animated
{
[super viewWillDisappear:animated];
}
– (void)viewDidDisappear:(BOOL)animated
{
[super viewDidDisappear:animated];
}
– (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
    // Return YES for supported orientations
    return (interfaceOrientation != UIInterfaceOrientationPortraitUpsideDown);
}
– (void)dealloc {
    [tableListado release];
    [super dealloc];
}
@end
———————-
Nota: La imagen que ponemos en cada celda, tiene que agregarse al proyecto