iPhone and Go

21st Settembre, 2008

Tutorial iphone sull’utilizzo dell’orientamento (interface orientation)

by Stefano Lo Duca

Proviamo una cosa “abbastanza” semplice. Partendo da un immagine (o qualsiasi altra cosa) attiviamo la funzione di riconoscimento dell’ orientamento dell’iPhone e facciamo cosi dare istruzione al iphone OS di girare l’immagine.

Cominciamo creando il nostro progetto con XCode -> File -> New Project -> scegliamo da iphone ->view based application -> scegliamo una cartella (o creamone una nuova) e salviamo il file con il nome “orientation”.

Partiamo subito con l’aggiungere il nostro file immagine che useremo da esperimento. Se volete utilizzare il mio lo potete scaricare al seguente link. Ora dobbiamo dire al nostro progetto che esiste un nuovo file immagine e che lo vogliamo inserire all’interno delle nostre risorso. Posizioniamoci sempre nel Xcode -> Project -> Add to Project. Scegliamo il file “versosu.png” (se utilizzate il mio e segnamo lo spunta su : Copy items into destination group’s folder -> premiamo “add” (aggiungi)

Ora il nostro file e’ tra gli elementi generici, tenendolo premuto trasciniamolo dentro la cartella resources.

Ora passiamo alla parte grafica per inserirlo nella nostra videata iphone, quindi come ormai sappiamo clicchiamo due volte sul file Mainvindow.xib cosi si attiverà il nostro interface Builder.

Come prima cosa facciamo lo sfondo della nostra view nero e inseriamo la nostra immagine: selezioniamo la Window, sul pannello Window attributes -> background -> e scegliamo il colore nero. Dopodiche posizioniamoci sul pannello “Library” e selezioniamo “Media”. Da questa videata dovrebbe apparire la nostra immagine che con un trascinamento porteremo all’interno della nostra finestra.

Ingrandite l’immagine a piacere e tra i suoi attributi de-selezioniamo : Clip Subviews, clear context.., user interaction …, multiple touch. Mentre su Mode (in view) selezioniamo al posto di “center” -> “Aspect fit”.

Se tutto e’ andato intanto per il verso giusto e abbiamo salvato le nostre bonifiche ad esecuzione (dall’Xcode -> Build and Go) dovremmo vedere la solamente la nostra immagine.

Proviamo a simulare il nostro orientamento iphone se vogliamo su -> Hardware -> ruota a sinistra (nel menu del Simulator). Vedremo che la nostra immagine non cambierà orientamento.

Ora torniamo sul nostro Xcode e facciamo la dovuta modifica sul metodo che verrà attivato non appena il nostro iphone percepisce un cambio di orientamento. Apriamo il file OrientationViewControl.m e posizioniamoci nel seguente metodo sostituendo il codice evidenzia in rosso:

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

Ecco !.. ora salviamo e proviamo l’applicazione ! il nostro orientamento dovrebbe funzionare anche per la nostra immagine !.

Potete scaricare il codice sorgente dal seguente link.

iPhoneandgo – Stefano Lo Duca – loduca_ve@yahoo.it