Tutorial Programmazione iPhone – Come generare un numero (realmente) casuale e mostrarlo a video

in questo tutorial vedremo come generare realmente un numero casuale in un’app per iPhone; perché dico “realmente” ? Perché con random() o rand() si generano si dei numeri casuali… ma la sequenza è sempre la stessa ! Cominciamo :-)

Apriamo Xcode (non l’avete ancora scaricato ? È gratis, ma solo per Mac; cliccare qui).

Clicchiamo su “Create a new Xcode project”

(cliccare sull'immagine per ingrandirla)

Adesso selezioniamo “View-based Application” e clicchiamo su “Choose…”

Diamo un nome al nostro progetto (ad esempio NumeroCasuale) e salviamolo nel nostro Mac.

Fatto ciò adesso andiamo a scrivere qualche semplice riga di codice.

Andiamo ad aprire il file “NumeroCasualeViewController.m” ed aggiungiamo il metodo “generanumero”:

- (int)generanumero

{

int numeroCasuale = 0;

numeroCasuale = (arc4random() % 3) + 1; // parte da 1 e arriva a tre

//numeroCasuale = (arc4random() % 3) + 0; // parte da 0 e arriva a 2

//NSLog(@"%i" , numeroCasuale);

return numeroCasuale;

}

Analizziamolo, inizializziamo a 0 numeroCasuale, che sarà la variabile che accoglierà il valore estratto da “arc4random()”.

Personalizziamo a nostro piacimento il range di valori da estrarre tenendo presente che:

(arc4random() % n) + 0

• inserendo + 0 partirà da 0 e estrarrà valori fino a n-1 [0, 1, 2, n-1] ,

• inserendo + 1 partirà da 1 e estrarrà valori fino a n [1, 2, n].

• return ritorna il valore estratto al metodo che l’ha invocato.

Adesso inseriamo il codice che ci servirà per visualizzare su un TextLabel il numero estratto:

- (IBAction)displayNumero:(id)sender

{

int estratto = [self generanumero];

NSString *numero = [NSString stringWithFormat:@"%d", estratto];

[NumeroEstratto setText: numero];

}

Chiamiamolo displayNumero. La variabile “estratto” accoglierà il valore della funzione dichiarata precedentemente. Ricordiamoci che la fuzione ritorna una variabile di tipo “int”. Bisogna effettuare una conversione da “int” a “NSString”

Dichiariamo la variabile “numero” di tipo NSString e tramite “stringWithFormat” gli assegnamo il valore “int”, estratto.

Adesso diamo “numero” all’output e lo facciamo con:

[NumeroEstratto setText: numero];

Con il file “NumeroCasualeViewController.m” abbiamo finito, salviamolo ed apriamo “NumeroCasualeViewController.h”.

Qui inseriamo il seguente codice:

#import <UIKit/UIKit.h>

@interface NumeroCasualeViewController : UIViewController {

IBOutlet UITextView *NumeroEstratto;

}

- (IBAction)displayNumero:(id)sender;

@end

Analizziamolo.

IBOutlet UITextView *NumeroEstratto;

“Numero estratto”, che abbiamo trovato anche in NumeroCasualeViewController.m (dove proprio alla fine gli si dava il valore del numero random), adesso ci serve per passare questo valore alla “UITextView” che andremo a creare a breve.

- (IBAction)displayNumero:(id)sender;

Questa è la vera azione dell’app. E’ proprio quella che da lo “start” a tutto. La collegheremo ad un “UIButton” in modo da scatenare l’evento al tocco del pulsante.

Indovinate cosa farà? 

Finito con il file “.h” adesso manca la creazione dell’ “UITextView” e “UIButton”.

Clicchiamo due volte sul file “NumeroCasualeViewController.xib” posizionato dentro la cartella “Resources”. Si aprirà una cosa del genere:

(cliccare sull'immagine per ingrandirla)

Al centro abbiamo la nostra applicazione (al momento giustamente vuota), a destra la “Library” che contiene i due oggetti che dobbiamo creare e in basso a sinistra l’ “inspector” che ci servirà per collegare le interazioni.

Iniziamo a creare una la “UITextView”, per intenderci è l’icona con il testo su più righe all’interno. Trascinatela all’interno della View dell’applicazione, ridimensionatela e posizionatela a vostro piacimento.

Dovreste poter vedere questo:

(cliccare sull'immagine per ingrandirla)

Adesso creiamo il pulsante, detto “UIButton”... solita procedura: prendiamolo dalla “Library” e trasciniamolo sotto la “UITextView “ creata poco fa; una volta posizionato il pulsante, clicchiamo due volte su di esso e inseriamo un testo a nostro piacimento.

(cliccare sull'immagine per ingrandirla)

Adesso clicchiamo su “File Owner” (finestra in alto a sinistra) e successivamente selezioniamo la tab  dalla finestra in basso a sinistra (Inspector).

Da qui gestiremo gli eventi.

Trasciniamo il “o” pallino di “NumeroEstratto” (sotto “outlets”) fino al testo (TextView) che abbiamo inserito precedentemente.

(cliccare sull'immagine per ingrandirla)

Fare la stessa cosa per “displayNumero”, trasciniamo il cerchietto sul bottone e dal menu che compare in seguito scegliemo “TouchUpInside”.

Adesso chiudiamo il file .xib salviamo le modifiche e siamo pronti per compilare da “Build and Run”.

Vedremo questo al primo avvio dell’app:

(cliccare sull'immagine per ingrandirla)

e questo dopo aver cliccato su “Clicca me!”:

(cliccare sull'immagine per ingrandirla)

Il tutorial è finito: avete così creato un’app per creare numeri davvero casuali, da utilizzare nelle vostre app come preferite, e nel mentre abbiamo visto anche come mostrarli al click sul pulsante ;-)

Bye !