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