iPhone and Go » Tutorial pratici software iPhone

Tutorial iphone sulla visualizzazione in dettaglio da menu (drill down). Pratica [n.5]

stefanoloduca — Fri, 12 Sep 2008 22:24:56 +0000

Pratica

In questa prova pratica andremo a sviluppare una sorta di menu da poter selezionare e poter quindi entrare in una nuova vista per visualizzare il dettaglio della scelta effetuata.

L’applicazione da me tradotta e spiegata e’ stata gentilmente presa dal sito www.iphonesdkarticles.com.

Iniziamo come al solito aprendo il nostro Xcode e creando un nuovo progetto del tipo :”navigation Based application” che andremo a chiamare MenuDettaglio.

Come prima fase andremo a popolare il nostro menu per la scelta del dettaglio da visualizzare:

iPhone menu

Molte parti del codice sono già state create dal sistema quindi ora andremo a inserire innanzi tutto il titolo. Dall’ XCode scegliamo il file per l’interfaccia grafica MainWindow.xib dentro resources e clicchiamo due volte. Si aprirà il nostro Interface Builder e selezioniamo (cliccando una volta) sopra la barra blu che si trova in alto della nostra finestra. Una volta selezionato tra le proprietà andiamo a riempire il campo “Title” con : Parent View.

iPhone interface builder

Ora andiamo a caricare i dati nella tabella principale. Per fare ciò dobbiamo ritornare nel nostro XCode e sceglire il file : RootViewController.m nella cartella class. Si creerà prima una variabile istanza di nome listOfContents (che non sarà altro che l’array per contenere i titoli del menu). Dopodichè andremo a popolare il nostro array utilizzando l’oggetto NSLocatizedString il quale conterrà due variabili una key e una comment.

Inseriamo il codice in rosso e in verde(opzionali) come segue all’interno della funzione viewDidLoad:

- (void)viewDidLoad {

//initialize the array
self.listOfContents = [[NSMutableArray alloc] initWithCapacity:10];

//Add a dictionary object to the array.
//Dictionary object will contain a strings for the object and key.
//NSLocalizedString takes two variables a key and a comment.

[listOfContents addObject:NSLocalizedString(@"Menù scelta 1", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 2", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 3", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 4", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 5", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 6", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 7", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 8", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 9", @"")];
[listOfContents addObject:NSLocalizedString(@"Menù scelta 10", @"")];

}

Inseriamo ora il conteggio delle righe create nel seguente metodo :

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return [listOfContents count];
}

E la disallocazione della memoria :

- (void)dealloc {
[listOfContents release];

Il prossimo passo sarà quello di riempire le celle da mostrare con il testo inserito nell’array. Questo metodo verrà chiamato n volte dove per “n” sta il numero di righe del menu.

Utilizzando sempre il file RootViewController.m posizioniamoci dopo la funzione iscritta in nero e inseriamo il codice in rosso e verde:

//This method will be called n number of times.
//Where n = total number of items in the array.
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

static NSString *MyIdentifier = @”MyIdentifier”;

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:MyIdentifier];
if (cell == nil) {
cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:MyIdentifier] autorelease];
}

// Set up the cell with some formatting.
cell.font = [UIFont systemFontOfSize:14];

//Get the string from the array and add it as text for the cell.
cell.text = [listOfContents objectAtIndex:indexPath.row];

// return the table cell.
return cell;
}

Ora aggiungiamo a inzio codice la sua “synthesize” della lista come segue:

@implementation RootViewController

@synthesize listOfContents;

Portiamoci ora sul file head RootViewController.h e aggiungiamo le seguenti dichiarazioni :

@interface RootViewController : UITableViewController {
NSMutableArray *listOfContents;
}

@property (nonatomic, retain) NSMutableArray *listOfContents;

Se tutto e’ andato per il verso giusto provate a compilare l’applicazione (build and go) e dovrebbe apparire il menu con le 10 scelte potendole selezionare ma senza entrare nel dettaglio della vista.

Ora dobbiamo caricare la vista in dettaglio. Il metodo didSelectRowAtIndexPath sempre del nostro RootViewController.m viene chiamato quando viene selezionato un menu nella tabella. Per la gestione della memoria più efficente si caricherà la vista dettaglio solo la prima volta che si selezionerà per poterla poi utilizzare ad ogni ripetizione di selezione. Per fare questo dovremmo creare una variabile istanza di DetailViewController nella RootViewConltroller.

Dobbiamo creare nel nostro progetto due nuovi file da inserire di nome DetailViewController.h e DetailViewController.m andiamo su file, nuovo file e scegliamo : NSObjects subclass. Da qui si potrà inserire direttamente il file DetailViewController che verra creato sia .m che .h.

Selezioniamo il detailviewController.h e inseriamo il seguente codice:

@interface DetailViewController : UIViewController {

IBOutlet UILabel *lblMessage;
int rowNumber;

}

@property (nonatomic, retain) IBOutlet UILabel *lblMessage;
@property (readwrite) int rowNumber;

-(void)updateRowNumber:(int)theIndex;

@end

e invece nel file DetailViewController.m il segente codice :

@implementation DetailViewController

@synthesize lblMessage, rowNumber;

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil {
if (self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil]) {
// Initialization code
self.title = @”Detail View”;
}
return self;
}

/*
Implement loadView if you want to create a view hierarchy programmatically
- (void)loadView {
}
*/

-(void)updateRowNumber:(int)theIndex {

rowNumber = theIndex+1;
lblMessage.text = [NSString stringWithFormat:@"row %i was clicked.", rowNumber];
}

//If you need to do additional setup after loading the view, override viewDidLoad.
- (void)viewDidLoad {

lblMessage.text = [NSString stringWithFormat:@"row %i was clicked.", rowNumber];
}

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation {
// Return YES for supported orientations
return (interfaceOrientation == UIInterfaceOrientationPortrait);
}

- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning]; // Releases the view if it doesn’t have a superview
// Release anything that’s not essential, such as cached data
}

- (void)dealloc {
[lblMessage release];
[super dealloc];
}

@end

Ora facciamo le varie assegnazioni di prorietà dal file RootViewController.h aggiungiamo il seguente codice :

@class DetailViewController;

@interface RootViewController : UITableViewController {
NSMutableArray *listOfContents;
DetailViewController *dvController;
}

@property (nonatomic, retain) NSMutableArray *listOfContents;
@property (nonatomic, retain) DetailViewController *dvController;

Ora dal file RootViewController.m :

@synthesize listOfContents, dvController;

e dall’interno del metodo didSelectRwIndexPath:

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
// Navigation logic

//Check to see if the controller is nil or not.
if(dvController == nil)
{
//Initialize the controller.
DetailViewController *aController = [[DetailViewController alloc] initWithNibName:@”DetailView” bundle:nil];

//Set the controller to our variable.
self.dvController = aController;

//Release the temp controller
[aController release];
}

[dvController updateRowNumber:indexPath.row];

//Add the controller to the top of the present view.
[[self navigationController] pushViewController:dvController animated:YES];
}

Non dimentichiamo la disallocazione della memoria.

- (void)dealloc {
[listOfContents release];
[dvController release];

A questo punto ci manca però di creare una nuova vista Detailview.xib. Andiamo su file e clicchiamo su nuovo file . Selezioniamo -> user interface -> View XIB.

New Xib file

Il file dovrà avere il nome DetailView.xib. Ora che e’ presente nel XCode trasciniamolo dentro la cartella Resources e poi carichiamolo per aprirlo nell’ interface builder.

Applichiamoci una semplice Label al centro e poi selezioniamo per la Class dell’oggetto File’s Owner ila voce : DetailViewController.

Interface builder

Assegnamo poi i collegamenti tra : File’s Owner tenendo premuto il tasto CTRL e selezionando prima File’s Owner per trascinarlo fino a Label e scegliere IblMessage. Poi fare lo stesso da File’s Owner con il CTRL premuto fino ad uno spazio vuoto della finestra in modo da fare i collegamenti come in figura :

attributi

A questo punto ci siete e l’applicazione una volta salvata dovrebbe funzionare alla perfezione mostrando una volta selezionata una scelta di menu la sua pagina in dettaglio con l’indicazione di quale titolo e’ stato selezionato.

Potete scaricare il sorgente dal seguente link.

Articolo precedente dell’argomento.

iPhoneandGo - Stefano Lo Duca - loduca_ve@yahoo.it

Installare e testare la nostra applicazione sull’iPhone. Non solo sul Simulatore!. Pratica [n.4]

stefanoloduca — Thu, 04 Sep 2008 22:24:06 +0000

Pratica

Un nostro amico Wuillo l’altro giorno mi ha formulato una domanda molto importante: Ciao Stefano, ho seguito i corsi pratici ho fatto il mio software l’ho testato sul simulatore iphone ed ha funzionato perfettamente, ma quando poi ho scelto di provarlo sul device iphone non e’ partito restituendomi un errore !!! come mai ?

E’ proprio vero a volte le cose che sembrano le più scontate sono le più complesse e insidiose. Ricordo quando ho deciso (come credo molti di voi), dopo aver installato l’ SDK versione gratuita sul Mac ,di comprare per i famosi 99 US$ la versione per la distrubuzione delle nostre applicazioni o per poterle installare in uno dei nostri iphone (magari averne anche più di uno… comunque non potete farlo su più di 99).

Credevo che il gioco fosse fatto, e nel mio Xcode ho cambiato subito l’uscita dell’applicazione da Simulatore a Device iphone sperando di vedermelo proiettato sul multi touch dell’iphone !.. Niente di tutto ciò, l’applicazione come per il nostro Wuillo ha restituito un errore !!. e da li ho capito che non bastava pagare …

Per acquistare l’SDK per la distribuzione innanzi tutto bisogna andare nel sito della Apple e fare la solita procedura di acquisto al seguente link e seguire le istruzioni per l’acquisto. Una volta ultimato e pagato bisognerà aspettare circa un giorno (almeno nel mio caso), dopodichè arriverà una conferma di acquisto via email (mi ricordo che non capivo se dovevo ricevere un CD con l’ SDK, una chiave da inserire per sbloccarlo come si fa solitamente tra applicazioni free e a pagamento).

Niente di tutto questo.. dopo il pagamento si ha accesso ad una sezione del sito apple che si chiama “iphone developer program” e per andarci bisogna andare prima al link iphone da qui effettuare il login e poi selezionare “Program Portal”.

Apple Portal iphone

Una volta entrati nel Program Portal ci troveremo difronte ad un vero applicativo fatto di menu e tab navigator (rigorosamente in inglese) che ci invita a fare un sacco di operazioni prima di poter vedere un nostro applicativo installato nel nostro iphone.

Prima di spiegare la procedura che bisogna adottare per fare ciò credo sia giusto fare una panoramica di cosa andremo a fare.. e soprattutto perchè tante operazioni per un qualcosa che credo ai più doveva risultare immediata.

La risposta sta nella sicurezza. Casa Apple tutela a più non posso le applicazioni che gireranno all’interno sia dell’apple store che di conseguenza dei nostri iphone. Si parlerà di richiesta certificati a casa Apple, di ritiro di certificati, di chiavi di sicurezza pubbliche e private, di identificazioni device, persone e applicazioni.. insomma si potrebbe scrivere solo dell’argomento un capito, non un articolo, quindi meglio che cominciamo.

Program Portal

Prima fase: generazione certificato per richiesta.

1) Dobbiamo generare una richiesta di certificato da inviare a Apple (CSR) per fare questo dobbiamo andare nel nostro mac, entrare nella cartella Applicazioni, e poi nella sottocartella Utility, e aprire il programma “Accesso Portachiavi” (Keychain Access).

2) Selezioniamo dal Menu : Accesso Portachiavi -> poi Assistente certificato -> e Richiedi un certificato da un autorità di Certificazione.

Accesso chiavi

3) Nella finestra che apparirà :

Accesso chiavi 2

indicare una proprio email corretta, indicare il proprio nome completo possibilmente (serve poi per i certificati), lasciare libero il campo : email CA, spuntiamo “registra certificato su disco” e “lascia che sia io a specificare le informazioni coppia di chiave.

Una volta fatto questo premere “continua”, ci verrà chiesto dove salvare il file. Noi sceglieremo al momento la scrivania del nostro mac. Nella finestra successiva dedicata al tipo di compressione lasciamo impostati i valori a 2048 bit e algoritmo RSA.

Il certificato CSR si è cosi creato sul nostro computer con il nome di “CertificateSigningRequest.certSigningRequest”.

Seconda fase: invia certificato per generazione certificato approvato.

A questo punto ritorniamo sul nostro Program Portal Apple. Posizioniamoci su “certificates” -> “development” e selezioniamo “add Certificate”

Da questo procedura scegliamo il pulsante “sfoglia” per selezionare il certificato appena creato nella nostro mac e premiamo il pulsante Submit. (una email di conferma da parte del Team Admins ci notificherà delle richieste di certificato e approvazioni).

A questo punto (provando a fare anche un refresh della pagina) dovrebbe apparira sempre nella sezione “certificates” -> “development” il nostro certificato e nella sezione Actions -> Approve / reject.

Selezioniamo Approve.

Ora riproviamo a fare un refresh della pagina o a cambiare tra i tab per poi ritornare su “certificates” -> “develompment” e sempre nella sezioni Actions ora dovremmo trovare download per poter scaricare finalmente in certificato approvato e lo salveremo sempre sulla nostra scrivania.

Certificate download

Una volta scaricato il file : developer_identity.cer clicchiamoci due volte sopra e si aprirà il nostro programma Accesso chiavi che memorizzera questo certificato.

Terza fase: aggiungiamo il nostro device iphone al sistema per essere riconosciuto.

Entriamo nel menu “devices” e selezioniamo “Add device” (aggiungi). A questo punto ci viene richiesto un nome (Device Name) e il suo numero ID esadecimale da 40 caratteri. Per trovare queste informazioni (con l’iphone collegato) andiamo su XCode -> selezioniamo Window e o poi Organizer e da qui copiamo i valori e li scriviamo all’interno dei campi e confermiamo con Submit.

Device

Quarta fase: aggiungere un ID alle nostre applicazioni

Ora dobbiamo aggiungere un ID alle nostre applicazioni. Prenderemo il caso più semplice che attribuiremo a tutte le nostre applicazioni lo stesso ID. Entriamo in APP ID e selezioniamo Add ID. Da questa finestra inseriamo nel campo “App ID Name” la voce ad esempio “myapplicationSuiteID” e nel campo App ID inseriamo un “*” asterisco ad indicare tutti e premiamo Submit.

Quinta fase: Creare un profilo

Sempre dal Program Portal ora selezioniamo la nostra penultima voce (abbiamo quasi finito) : Provisioning. Da qui selezioniamo il pulsante “Add profile”. Dobbiamo indicare un “profile name” tipo : “mydevelompentprofile”, Selezionare i certificates che useremo, selezionare in “app ID” la nostra suite generata precedentemente ID e selezionare il “devices”.

Provisioning Profile

A questo punto tornati nella sezione “provisioning” -> “Development” dovremmo vedere il nostro profilo creato e (aggiornando la pagina eventualmente) sotto la sezioni Actions la possibilità di fare il Download. Salviamo quindi il file sempre nella nostra scrivania mac. Questo file generato dobbiamo trascinarlo per assegnarlo all Xcode. Quindi fancendo un drag and drop (selezionandolo e trascinandolo) lo portiamo sopra l’icona di Xcode che si trova sulla dashboard del nostro mac. Ora chiudiamo e riapriamo Xcode, andiamo su Window e apriamo “organizer” dovremmo trovare inserito il nostro profilo come da figura e selezioniamo (se non lo e’ ) la sua casella di selezione.

Provisioning Profile

Abbiamo terminato ora possiamo aprire un nostro progetto selezionare il dispositivo d’uscita “device” al posto di “simulator” e fare un “build and go” della nostra applicazione.

Attenzione perchè se non si e’ abituati si dovranno aspettare dei secondi in più rispetto al simulatore perchè il trasfermento e’ piu’ lento ma piu’ soddisfacente….

Articolo precedente dell’argomento.

Articolo successivo dell’argomento.

iPhoneandGo - Stefano Lo Duca - loduca_ve@yahoo.it

Usiamo le view con il controllo Tab Bar Controller dell’interface Builder per iphone: Guida Pratica [n.3]

stefanoloduca — Fri, 29 Aug 2008 21:36:30 +0000

Pratica

Questa è la nostra 3a prova pratica, nello sviluppo di un’applicazione per il nostro iphone. Ho deciso di fare un passo indietro rispetto alla prova pratica n.2 perchè ci sono molte cose ancora da vedere passo passo per prendere una completa familiarità degli aspetti visuali di gestione del Xcode e dell’interface builder (come del resto alcuni di voi mi ha gentilmente fatto notare).

Cominciamo quindi in nostro nuovo progetto dedicato alle View e alla loro gestione. Nel corso teorico numero 4 abbiamo visto come esista una window principale e al suo interno le diverse view. Facciamo un esempio : il programma nativo orologio ha 4 view : 1 view per le diverse ore nei diversi paesi, una view per settare l’allarme, una view per il cronometro e un view per il timer.

Cominciamo caricando Xcode –> poi File –> new project –> scegliamo dal nostro iphone OS la voce “Windows based application” –> e scegliamo il nome file “multiview”.

View Based Application

Ora dobbiamo aprire il nostro interface builder necessario per inserire i diversi componenti necessari alla nostra applicazione. Il file che gestisce l’interfaccia nel builder è Mainwindow.xib che si trova dentro la cartella “resources” dell’ Xcode.. Clicchiamoci sopra due volte e apparirà il nostro interface builder. Da qui dobbiamo trovarci di fronte alla finestra “mainwindow.xib” , alla finestra “library” e alla finestra “attributes”

Ora trasciniamo (drag and drop) l’icona del componente “tab bar controller” (non confondersi con il singolo componente “tab Bar”) all’interno della finestra “library” e portiamolo dentro la finestra “mainwindow.xib”: cosi facendo dovrebbe apparire una nuova finestra della nostra applicazione con un tab bar controller a 2 pulsanti.

Tab bar iphone

A questo punto abbiamo due pulsanti all’interno del nostro applicativo per aprire due view. Noi vogliamo aggiungere un altro pulsante. Per fare ciò clicchiamo sulla tab bar control all’interno della finestra della nostra applicazione e cercando di aiutarvi con il tasto eventualmente TAB per scorrere ogni componente anche quelli non visibili (non selezionabili direttamente da mouse) vi fermate finche’ la finestra degli attributi non indicherà “Tab bar controller Attributes” come da figura :

Attributes

selezioniamo il simbolo “+” e si aggiungerà cosi un nuovo pulsante.

I nostri pulsanti come vedete sono già predisposti con un titolo e un immagine. Premendo due volte su un pulsante nella pagina attributi potremmo gestire e cambiare sia il titolo che l’immagine. Per l’immagine dovete aver precaricato una immagine all’interno del nostro progetto altrimenti non avremo nessuna scelta. per fare ciò seguiamo i seguenti passi : Torniamo un attimo nel nostro Xcode, da qui andiamo alla voce “project” e selezioniamo “Add project” (se non dovesse essere selezionabile e’ perchè all’interno della finestra dei file non siete posizionati sopra una risorsa principale come ad esempio “mainwindow.xib). A questo punto selezioniamo l’immagine di nostro interesse. Tenete presente che all’incirca dev’essere non più grande di 25 x 25 anche se accetta qualsiasi grandezza. (in seguito vedremo come raggruppare e gestire i file come questi di immagine).

Ora torniamo nel nostro interface builder ripremiamo due volte sopra il pulsante e tra gli attributi vediamo che possiamo aggiungere la foto inserita nel progetto. Diamogli il primo titolo “pulsante 1″.. Ora a piacere potete fare lo stesso intanto anche con gli altri pulsanti.

A questo punto abbiamo i pulsanti ma non abbiamo le view.. Per fare clicchiamo due volte sul pulsante al quale vogliamo aggiungere la nostra view poi dalla finestra “library” selezioniamo “view” e la trasciniamo sopra la finestra applicazione. Ripetiamo questo passaggio per ogni pulsante.

Ad ogni finestra ora gli applicheremo una Label per distunguerla dalle altre. Clicchiamo sul primo pulsante e poi dalla finestra “library” trasciniamo all’interno della view il componente “label”. Premendoci sopra due volte potremo rinominarlo in “Pagina 1″. Ripetiamo questo passaggio per tutti e 3 i pulsanti.

Tab bar view

Ora andiamo su File –> e Save per salvare il progetto. Posizioniamoci sul XCode e proviamo a lanciare la nostra applicazione con “Build and go”. Se tutto va bene dovremmo trovarci di fronte ad una finestra completamente nera. Tutto corretto dobbiamo ancora legare l’interfaccia alla nostra finestra.

Ritorniamo ora all Xcode perchè dobbiamo aggiungere alcune righe di codice. Apriamo il file “multiviewApplDelegate.h” aggiungiamo le due righe mancanti :

#import

@class multiviewViewController;

@interface multiviewAppDelegate : NSObject {
IBOutlet UIWindow *window;
IBOutlet UITabBarController *tabBarController;
}

@property (nonatomic, retain) UIWindow *window;
@property (nonatomic, retain) IBOutlet UITabBarController *tabBarController;

@end

Ora invece dall’Xcode apriamo la sua implementazione “multiviewAppDelegate.m” e riportiamo le seguenti righe da sostiuire:

#import “multiviewAppDelegate.h”

@implementation multiviewAppDelegate

@synthesize window, tabBarController;

- (void)applicationDidFinishLaunching:(UIApplication *)application {

//Add the tab bar controller as a sub view to the window.
[window addSubview:[tabBarController view]];
// Override point for customization after app launch
[window makeKeyAndVisible];
}

- (void)dealloc {
[tabBarController release];
[window release];
[super dealloc];
}

@end

Ora dobbiamo tornare all’interface builder per fare i collegamenti ma prima di fare ciò complilate il codice per rendere effettive le variazioni e farle vedere anche all’interface builder: premente “build and go”. Ora chiudete il simulatore e tornate su interface builder. Dalla finestra “mainwindow.xib” selezionate “Multiview app delegate” nella finestra degli attributi spostatevi al pulsante “connections”.

Attributes

Ora prendiamo il punto tondo della variabile “tabBarConnection” e trasciniamolo fino alla nostra finestra dell’applicazione al Tab Bar Control. Il gioco e’ fatto… proviamo con “build and go” a vedere se funziona la navigazione tra le finestre con i pulsanti …. bene.

Simulator iphone

Potete scaricare il progetto con tutti i file sorgente (source code iphone) dal seguente link.

Articoli precedenti dell’argomento.

Articoli successivi dell’argomento.

iPhoneAndGo - Stefano Lo Duca - loduca_ve@yahoo.it

Festival di Venezia 2008 con un feed RSS per iPhone : Guida Pratica [n.2]

stefanoloduca — Sun, 24 Aug 2008 22:00:16 +0000

Pratica

Immagino che già vi starete chiedendo cosa c’entra la 65a Mostra Internazionale d’arte Cinematografica di Venezia 2008 con l’ Iphone e una guida pratica come questa ?. Semplice : imparare a sviluppare software per Iphone vuol dire soprattutto dargli vita, renderlo utile, speciale per le nostre esigenze e quelle di miglioni di possessori.

Andremo a sviluppare un programma di feed RSS per Iphone, abbastanza semplice nel suo genere ma allo stesso tempo complesso per essere solo alla seconda guida pratica (anche per me). Ho fatto questa scelta perchè volevo unire l’utile al dilettevole. Dobbiamo imparare ma allora perchè non farlo anche divertendoci…

Cosi vivendo per dieci giorni nella capitale mondiale del Cinema (Lido di Venezia) ho pensato quanto interessante sarebbe per i possessori di un Iphone ricevere in tempo reale delle news su attori, gossip, foto, e il programma giornaliero dei film che verranno proiettati nelle diverse sale ?.

Cominciamo subito quindi la parte di sviluppo. Il software che verrà generato non farà altro che una chiamata ad un servizio RSS (in questo caso al mio sito iphoneandgo.wordpress.com) che popolerà una lista con i titoli degli articoli pubblicati e permetterà all’utente di sceglierli facendo partire il navigatori Safari che caricherà la pagina corrispondente all’articolo.

Carichiamo il nostro Xcode e dal manu File scegliamo -> new project.

Clicchiamo su Application sotto Iphone Os e scegliamo l’icona -> “Navigation-Based application”

Scegliamo la directory o creiamone una dove posizionare il nostro progetto e diamogli il nome “RSSIphoneAndGo”.

Xcode Rss

Xcode ha inserito già in alcuni file delle istruzioni diverse da una applicazione “view based application”. Se proviamo a compilarlo con “build and Go” apparirà il simulatore con il nostro Iphone con finestra vuota.

Come prima cosa allora adesso andremo ad inserire il Titolo della nostra applicazione, quello insomma che apparirà nella Top view non appena lanceremo il programma. Portiamoci sopra il file “MainWindow.xib” e apriamolo cliccandoci 2 volte sopra velocemente.

Si aprirà in nostro Interface Builder, posizioniamoci sopra la Top View azzurra e clicchiamoci sopra due volte ed inseriamo il Titolo : “Iphone And Go RSS”.

Interface Builder RSS

Andiamo su File e premiamo Save dopodichè usciamo da Interface Builder.

Ritorniamo ora nel nostro Xcode e clicchiamo due volte sul file “RootViewControoler.h” e aggiungiamo il codice che segue:

@interface RootViewController : UITableViewController {IBOutlet UITableView * newsTable;UIActivityIndicatorView * activityIndicator;

CGSize cellSize;

NSXMLParser * rssParser;

NSMutableArray * stories;

// a temporary item; added to the “stories” array one at a time, and cleared for the next one
NSMutableDictionary * item;

// it parses through the document, from top to bottom…
// we collect and cache each sub-element value, and then save each item to our array.
// we use these to track each current item, until it’s ready to be added to the “stories” array
NSString * currentElement;
NSMutableString * currentTitle, * currentDate, * currentSummary, * currentLink;

}

Apro una parentesi: per il codice che andremo a scrivere non sono riuscito a fare le traduzioni delle didascalie lasciandole in inglese e nemmeno a spiegare ogni singola linea che andremo ad inserire (cosa che faremo più avanti).

Salviamo il file modificato e da Xcode ora apriamo il file “RootViewControler.m”. Questo file come vedete e vedrete e’ il cuore del nostro programma. dove verranno passate le informazioni da mostrare nella finestra, e cosa fare in varie situazioni come cliccare un articolo o chiudere il programma.

Cambiamo questa riga di codice nel modo seguente :

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return [stories count];

abbiamo sostituito lo 0 con [stories count]

In questa dichiarazione noi spieghiamo di volere un array NSMuutableArray (che è un collezione di oggetti modificabili) che chiameremo “stories”. In nostro RSS popolerà le righe con gli articoli tanti quanti ne potrà mettendoli nell’array. Questo metodo dirà alla Tabella queste sono le righe che noi abbiamo bisogno. una per ogni articolo nell’array.

Ora modifichiamo il codice come segue :

- (UITableViewCell )tableView:(UITableView )tableView cellForRowAtIndexPath:(NSIndexPath )indexPath {static NSString MyIdentifier = @”MyIdentifier”;

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:MyIdentifier];
if (cell == nil) {
cell = [[[UITableViewCell alloc] initWithFrame:CGRectZero reuseIdentifier:MyIdentifier] autorelease];
}

// Set up the cell
int storyIndex = [indexPath indexAtPosition: [indexPath length] -1];
[cell setText:[[stories objectAtIndex: storyIndex] objectForKey: @”title”]];

return cell;
}

Come possiamo vedere usiamo “setText:” metodo per dire alle celle quale sarà il loro contenuto. Ogni riga nella nostra tabella e’ un cella e le sue proprietà sono gestite in questo metodo.

Ora cambiamo il metodo “viewDidAppear:” come segue :

- (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
}- (void)viewDidAppear:(BOOL)animated {
[super viewDidAppear:animated];

if ([stories count] == 0) {
NSString * path = @”http://iphoneandgo.wordpress.com/feed”;
[self parseXMLFileAtURL:path];
}
cellSize = CGSizeMake([newsTable bounds].size.width, 60);

}

con questo metodo diciamo al nostro parser quale feed scaricare.

Ora inseriamo questo codice :

- (void)parseXMLFileAtURL:(NSString )URL {
stories = [[NSMutableArray alloc] init];//you must then convert the path to a proper NSURL or it won’t work
NSURL xmlURL = [NSURL URLWithString:URL];

// here, for some reason you have to use NSClassFromString when trying to alloc NSXMLParser, otherwise you will get an object not found error
// this may be necessary only for the toolchain
rssParser = [[NSXMLParser alloc] initWithContentsOfURL:xmlURL];

// Set self as the delegate of the parser so that it will receive the parser delegate methods callbacks.
[rssParser setDelegate:self];

// Depending on the XML document you’re parsing, you may want to enable these features of NSXMLParser.
[rssParser setShouldProcessNamespaces:NO];
[rssParser setShouldReportNamespacePrefixes:NO];
[rssParser setShouldResolveExternalEntities:NO];

[rssParser parse]

}

Questo è il metodo che aggiungiamo che crea un array vuoto per le stories, crea un parser, e comincia a scaricare le notizie. Mentre il parser fa il suo lavoro, il controller riceverà e gestirà diversi “delegate” metodi con il codice qui riportato da inserire :

- (void)parserDidStartDocument:(NSXMLParser )parser {
NSLog(@”found file and started parsing”);
}- (void)parser:(NSXMLParser )parser parseErrorOccurred:(NSError )parseError {
NSString errorString = [NSString stringWithFormat:@"Unable to download story feed from web site (Error code %i )", [parseError code]];
NSLog(@”error parsing XML: %@”, errorString);

UIAlertView * errorAlert = [[UIAlertView alloc] initWithTitle:@”Error loading content” message:errorString delegate:self cancelButtonTitle:@”OK” otherButtonTitles:nil];
[errorAlert show];
}

- (void)parser:(NSXMLParser )parser didStartElement:(NSString )elementName namespaceURI:(NSString )namespaceURI qualifiedName:(NSString )qName attributes:(NSDictionary )attributeDict{
//NSLog(@”found this element: %@”, elementName);
currentElement = [elementName copy];

if ([elementName isEqualToString:@"item"]) {
// clear out our story item caches…
item = [[NSMutableDictionary alloc] init];
currentTitle = [[NSMutableString alloc] init];
currentDate = [[NSMutableString alloc] init];
currentSummary = [[NSMutableString alloc] init];
currentLink = [[NSMutableString alloc] init];
}
}

- (void)parser:(NSXMLParser )parser didEndElement:(NSString )elementName namespaceURI:(NSString )namespaceURI qualifiedName:(NSString )qName{

//NSLog(@”ended element: %@”, elementName);
if ([elementName isEqualToString:@"item"]) {
// save values to an item, then store that item into the array…
[item setObject:currentTitle forKey:@"title"];
[item setObject:currentLink forKey:@"link"];
[item setObject:currentSummary forKey:@"summary"];
[item setObject:currentDate forKey:@"date"];

[stories addObject:[item copy]];
NSLog(@”adding story: %@”, currentTitle);
}
}

- (void)parser:(NSXMLParser )parser foundCharacters:(NSString )string{
//NSLog(@”found characters: %@”, string);
// save the characters for the current item…
if ([currentElement isEqualToString:@"title"]) {
[currentTitle appendString:string];
} else if ([currentElement isEqualToString:@"link"]) {
[currentLink appendString:string];
} else if ([currentElement isEqualToString:@"description"]) {
[currentSummary appendString:string];
} else if ([currentElement isEqualToString:@"pubDate"]) {
[currentDate appendString:string];
}
}

- (void)parserDidEndDocument:(NSXMLParser )parser {

[activityIndicator stopAnimating];
[activityIndicator removeFromSuperview];

NSLog(@”all done!”);
NSLog(@”stories array has %d items”, [stories count]);
[newsTable reloadData];
}

Ora non ci resta che disallocare tutta la memoria utilizzata con il seguente metodo da inserire :

- (void)dealloc {
[currentElement release];
[rssParser release];
[stories release];
[item release];
[currentTitle release];
[currentDate release];
[currentSummary release];
[currentLink release];[super dealloc];
}

Portiamoci ora nel nostro Xcode e clicchiamo due volte nel file : “RootViewController.xib”. Si aprirà cosi il nostro Builder, Posizioniamoci sopra l’icona di “file’s Owner” e tenendo premuto il tasto “control” clicchiamo con il tasto del mouse sinistro e senza rilasciarlo spostiamoci fino a sopra l’icona “Table View”. Rilasciando il pulsante apparirà un menu nero a tendina e tra le tre opzioni scegliere “newsTable”. Salviamo il file e usciamo dal Builder.

Interface Builder Rss

A questo punto possiamo provare la nostra applicazioni. Premiamo dall’ Xcode “build and go”. Ricordiamo che tale servizio potrebbe caricarsi non molto velocemente soprattutto se si prova direttamente sull’Iphone.

Simulator Rss

Manca solo un passaggio ora dire al sistema che una volta cliccato su di una voce dell’articolo, venga caricato Safari che ci porta direttamente alla pagina corrispondente. Aggiungiamo quindi sempre al nostro file “rootViewController.m” il seguente codice :

- (void)tableView:(UITableView )tableView didSelectRowAtIndexPath:(NSIndexPath )indexPath {
// Navigation logicint storyIndex = [indexPath indexAtPosition: [indexPath length] – 1];

NSString * storyLink = [[stories objectAtIndex: storyIndex] objectForKey: @”link”];

// clean up the link – get rid of spaces, returns, and tabs…
storyLink = [storyLink stringByReplacingOccurrencesOfString:@" " withString:@""];
storyLink = [storyLink stringByReplacingOccurrencesOfString:@"\n" withString:@""];
storyLink = [storyLink stringByReplacingOccurrencesOfString:@" " withString:@""];

NSLog(@”link: %@”, storyLink);
// open in Safari
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:storyLink]];
}

Simulator Rss

Spero che l’articolo sia stato chiaro e abbastanza esaustivo, nei prossimi giorni quindi per tutti gli appassionati non solo dell’Iphone ma anche della mostra del Cinema di Venezia, cercherò di legare queste due realtà postando articoli attinenti e per entrambi d’utilizzo.

Potete scaricare i file sorgenti dell’esempio (source code iphone) al seguente link.

Articolo precedente dell’argomento.

Articolo successivo dell’argomento.

IphoneAndGo - Stefano Lo Duca - loduca_ve@yahoo.it

Scrivere applicazioni per iPhone. Guida pratica “Hello world” [n.1]

stefanoloduca — Wed, 20 Aug 2008 21:55:29 +0000

Pratica

Questo è il primo articolo destinato allo sviluppo vero e proprio. Sarà una pratica di esempi di software per l’Iphone, la vera programmazione. Impareremo (anch’io) il linguaggio Objective-C, il software di sviluppo SDK, e molti altri strumenti necessari a fare di un nostro sogno un qualcosa di veramente concreto.

Questa sezioni di articoli parte dal presupposto che o conoscete già i concetti base o li leggiate prima nelle guide base in quanto si darà per scontato molti termini e l’utilizzo di : un computer MAC con software SDK installato.

Ho deciso di non cominciare con tutta la teoria e la descrizione dettagliata di ogni singola operazione che andremo a svolgere, ma preferisco iniziare concretizzando subito il primo piccolo ma grande traguardo di poter vedere sul nostro simulatore (o Iphone) il nostro primo programma; il più semplice, il più chiaro, il più classico dei programmi : leggere la scritta “Hello World !”.

Hello World Iphone

Passo 1: Senza molti indulgi apriamo l’applicazione Xcode; da qui portiamoci sul menu File e scegliamo -> New Project e poi -> View Based application.

View Based Application

a questo punto il programma ci chiederà di dare un nome al progetto e destinarlo in una cartella a nostro piacimento. Diamo il nome del progetto :”Hello”.

Passo 2: eccoci davanti a tutto il nostro gruppo di file che Xcode ha generato automaticamente e che rappresentano la nostra applicazione. Per ora limitiamoci a vedere quali file si sono creati e finita l’applicazione li commentero’ tutti.

Files generati per progetto "Hello"

Passo 3: da questa posizione andate sul file “HelloViewController.xib” che si trova dentro la cartella “Resources” e cliccatici due volte per far caricare il nostro secondo software : Interface Builder. Le finestre che dovrebbero apparire sono le seguenti :

Windows interface builder

Una finestra HelloViewController.xib con i tre componenti, una finestra View (che rappresenta lo spazio dove vedremo la nostra applicazione), una finestra attributes, e una finestra library.

Passo 4: tutte le spiegazioni averranno successivamente; ora portiamoci nella finestra library e scegliamo il componente “Label”. Tenendolo premuto con il mouse lo trasciniamo fino a portarlo dentro la finestra “View”

drag and drop Label

una volta arrivati a questo punto o cliccliamo sopra il componente appena inserito a video “Label” e lo rinominiamo in “Hello World !” o meglio clicchiamo sul campo Label nella finestra Attribute e rinominiamo il testo inserito nel campo Label in “Hello World !”

Hello World

Passo 5: la nostra prima applicazione è praticamente terminata… andiamo su File del menu e poi premiamo Save per salvare quello che abbiamo appena fatto; ora non ci resta che mandarla in eseguzione nel nostro simulatore; quindi ritorniamo nella finestra del programma Xcode a da li premiamo il pulsante magico : Build and Go e se tutto ha funzionato sul mac dovrebbe apparire un simulatore di iphone come questo :

Hello World Iphone

potete premere il tasto “home” come nel vero Iphone per tornare alle applicazioni base dell’iphone.

Ecco nel prossimo articolo analizzeremo piu’ in dettaglio cos’e’ realmente successo e cosa abbiamo visto fino a questo momento per aver generato la nostra prima applicazione per Iphone.

Articolo successivo all’argomento.

IphoneAndGo - Stefano Lo Duca - loduca_ve@yahoo.it

iPhone and Go » Tutorial pratici software iPhone

Tutorial iphone sulla visualizzazione in dettaglio da menu (drill down). Pratica [n.5]

Installare e testare la nostra applicazione sull’iPhone. Non solo sul Simulatore!. Pratica [n.4]

Usiamo le view con il controllo Tab Bar Controller dell’interface Builder per iphone: Guida Pratica [n.3]

Festival di Venezia 2008 con un feed RSS per iPhone : Guida Pratica [n.2]

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return [stories count];

- (void)dealloc { [currentElement release]; [rssParser release]; [stories release]; [item release]; [currentTitle release]; [currentDate release]; [currentSummary release]; [currentLink release];[super dealloc]; }

Scrivere applicazioni per iPhone. Guida pratica “Hello world” [n.1]

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return [stories count];

- (void)dealloc {
[currentElement release];
[rssParser release];
[stories release];
[item release];
[currentTitle release];
[currentDate release];
[currentSummary release];
[currentLink release];[super dealloc];
}