Tutorial pratici per iPhone SDK v1.6 - Get a Free Blog

Capitolo 8: Creiamo un mini browser con le UIWebView
Una delle caratteristiche principali dell’iPhone è la sua connettività, sia essa tramite WiFi, 3G o
EDGE. Internet, quindi, ricopre un ruolo fondamentale nell’utilizzo di questo dispositivo. Ecco
che sorge spesso necessario implementare una sorta di browser nelle nostre applicazioni, per
poter visualizzare delle pagine web. Anche in questo l’SDK si rivela molto potente, in quanto ci
mette a disposizione un componente praticamente già pronto: le UIWebView. Questo componente
è una sorta di “Safari lite”, in quanto ci permette di visualizzare pagine web tramite lo
stesso motore che è alla base di Safari.
Nel tutorial vedremo come utilizzare le UIWebView, per realizzare un nostro mini-browser,
con tre semplici pulsanti: avanti, indietro e ricarica. Certo, non potremo competere con Safari,
ma potrebbe tornarvi molto utile nei vostri programmi.
CREIAMO LA STRUTTURA GRAFICA
Iniziamo creando un nuovo progetto di tipo “View-Based Application” e chiamiamolo “My-
Browser”. Prima di definire l’aspetto della nostra applicazione, dichiariamo un componente che
ci servirà (sarà il componente principale che caricherà le pagine web).
Apriamo il file “MyBrowserViewController.h” e inseriamo la seguente definizione:
1
2
3
4
5
@interface MyBrowserViewController : UIViewController {
IBOutlet UIWebView *webView;
}
@end
Salviamo il file e apriamo “MyBrowserViewController.xib” per avviare Interface Builder.
Il template che abbiamo utilizzato ci fornisce già una vista di base, noi iniziamo inserendo nella
parte bassa della vista un componente di tipo UIToolbar e tre bottoni (UIBarButtonItem,
quelli utilizzati nel capitolo 5), separando gli ultimi due tramite un “Flexible Space” (anche questo
già visto). I primi due bottoni ci serviranno per muoverci tra le pagine visitate (i classici
“Avanti” e “Indietro”), mentre il terzo servirà a ricaricare la pagina. Ecco come appare la barra
appena definita:
Ora dobbiamo inserire la WebView. Dalla libreria scegliamo un componente “UIWebView” e
inseriamolo nella nostra finestra. Ecco il risultato finale:
Tutorial pratici per iPhone SDK! 53