T#001 – Primo tutorial “Hello, World!”

Eccoci al nostro primo tutorial. Non potevano che iniziare con il classico “Hello, World!” con cui ogni programmatore deve fare i conti la prima volta che inizia a scrivere un po’ di codice in un qualsiasi linguaggio di programmazione. Queste semplici istruzioni vi guideranno attraverso la creazione di un semplice progetto che non fa altro che mostrare del testo, nel nostro caso appunto “Hello, World!”, nel display del vostro iPhone, o in alternativa dell’iPhone Simulator. Non preoccupiamoci ora del significato del codice che troveremo in questo tutorial, in linea di massima l’utilità di questa piccola guida è semplicemente di prendere dimestichezza con Xcode, la stesura del codice e la gestione dei vari file del progetto. Il codice mostrato puo’ essere facilmente copiato e incollato, ma è buon esercizio riscriverlo completamente in modo da poter così far caso alle funzioni descritte nei precedenti articoli dell’editor di Xcode, come ad esempio il completamento automatico.

Creiamo il progetto

Per creare il nuovo progetto HelloWorld in Xcode, seguite i seguenti passi:

1. Avviate il programma Xcode posizionato in *Xcode*/Applicazioni, dove *Xcode* rappresenta la directory in cui avete installato la suite di cui fa parte questo programma.
2. Andate quindi su File > New Project.
3. Selezionate il template Window-Based Application e cliccate su Choose.



4. Chiamate il progetto HelloWorld e scegliete la posizione dove sarà salvato il progetto nel vostro file system
5. Aggiungete ora una classe chiamata MyView al progetto:
   • Selezionate File > New File.
   • Selezionate Cocoa Touch Class, quindi Objective-C class, infine UIView come subclass e cliccate Next per proseguire.
   
   
   
   • Nel campo File Name inserite MyView.m.
   • Selezionate l’opzione Also create “MyView.h”. Cliccate quindi su Finish.
6. Occorre ora scegliere l’SDK attivo. Se durante la creazione del progetto avete un iPhone collegato al vostro Mac, Xcode imposterà l’SDK attivo in modo che l’applicazione venga installata ed eseguita direttamente sul vostro dispositivo. In caso contrario viene impostato l’SDK per eseguire e testare su iPhone Simulator. Per modificare queste impostazioni selezionate la vostra scelta dal sottomenù che trovate in Project > Set Active SDK o tramite la casella a scelta multipla nella toolbar della finestra del progetto.

Scrivere il codice

L’editor di testo di Xcode è il luogo dove pesserete la maggior parte del tempo durante lo sviluppo di applicazioni per iPhone. Qui è possibile scrivere il codice, compilare l’applicazione ed eseguire il debug.

Proseguiamo quindi con il nostro tutorial e andiamo ad inserire le prime porzioni di codice.

Prima di tutto dovremmo modificare la classe HelloWorldAppDelegate andando ad includere al suo interno quella da noi appena creata, ovvero MyView:

1. Nel Groups & Files, selezionate la cartella HelloWorld.
2. Fate quindi doppio-click nel file HelloWorldAppDelegate.m all’interno di Classes.
3. Nella finestra dell’editor di HelloWorldAppDelegate fate quanto segue:
   • Aggiungete la seguente linea di codice subito sotto la linea #import esistente.

     #import "MyView.h"

   • Aggiungete quindi le seguenti linee di codice nel metodo applicationDidFinishLaunching: posizionandole subito sotto il commento

     MyView *view = [[MyView alloc] initWithFrame:[window frame]];
     [window addSubview:view];
     [view release];

Dopo questi cambiamenti, il codice in HelloWorldAppDelegate.m dovrebbe apparire come segue:

#import "HelloWorldAppDelegate.h"
#import "MyView.h"
 
@implementation HelloWorldAppDelegate
@synthesize window;
 
- (void)applicationDidFinishLaunching:(UIApplication *)application {
 
   // Override point for customization after app launch
   MyView *view = [[MyView alloc] initWithFrame:[window frame]];
   [window addSubview:view];
   [view release];
 
   [window makeKeyAndVisible];
}
 
- (void)dealloc {
   [window release];
   [super dealloc];
}
@end

Ora entriamo nel cuore della nostra prima applicazione, ovvero la parte di codice che mostra a video la scritta “Hello, World!”. Entrate nel file MyView.m e modificate il codice del metodo drawRect, come mostrato di seguito:

- (void) drawRect:(CGRect) rect {
   NSString *hello   = @"Hello, World!";
   CGPoint  location = CGPointMake(10, 20);
   UIFont   *font    = [UIFont systemFontOfSize:24];
   [[UIColor whiteColor] set];
   [hello drawAtPoint:location withFont:font];
}

Avviare l’applicazione

Per generare ed eseguire l’applicazione HelloWorld, selezionare Build > Build e Run (o fare clic sulla voce “Build and Go” nella barra degli strumenti rapida nella finestra del progetto). Se non ci sono errori di compilazione, Xcode installa l’applicazione nell’iPhone Simulator o nel dispositivo (a seconda dell’ SDK attivo).

Tradotto da fonte ufficiale Apple.