Apriamo con questo articolo una sezione che si potrà rivelare interessante per coloro che fanno della programmazione di ipad e di altri dispositivi tablet un hobby o meglio ancora un mestiere.

Dato che l’iPad usa lo stesso SDK tutto il codice risulta pressocchè identico. Questa è una buona notizia per chi ha già programmato applicazioni per iPhone per chi si dovesse cimentare per la prima volta in questa esperienza, consigliamo di fare un po’ di esperienza prima con i vari tutorial facilmente reperibili in rete (chissà, se ce ne fosse la richiesta potremmo tirar fuori un articolo anche noi di gTablet :-) ).

In questo tutorial vi mostreremo come creare un progetto che utilizza il componente UISplitViewController per visualizzare contenuti in due differenti pannelli.

Il risultato finale sarà qualcosa del genere:

L’applicazione usa un UISplitViewController per visualizzare una UITableView sulla sinistra ed una UIView con una UIImageView sulla destra.

Cominciare

  1. Verifica di aver scaricato ed installato la versine 3.2 dell’SDK da http://developer.apple.com/iphone/. L’emulatore di iPad è incluso in qesto download.
  2. Scarica le risorse necessarie per questo progetto iPadHelloWorldResources.

Creare il Progetto

Creare un nuovo progetto per iPad non è diverso rispotto alla creazione di un progetto per iPhone. All’apertura di XCode, selezionando File -> New Project, puoi notare la voce in più Split View-Based Application. Seleziona questa voce e dai nome al progetto iPadHelloWorld.

Questo creerà un’applicazione di base con una UITableView a sinistra ed una UIView a destra, popolerà la tabella con degli elementi di esempio ed aggiungerà i seguenti files al progetto.

Di seguito una breve descrizione di questi files:

  • iPadHelloWorldAppDelegate – Simile ad ogni app delegate. Se dai un’occhiata al metodo application:didFinishLaunchingWithOptions, vedrai che l’oggetto UISplitViewController è allocato con MasterViewController e DetailViewControllers.
  • MasterViewController – Un UITableViewController che serve a controllare la parte sinistra dello schermo.
  • DetailViewController – Questo oggetto controlla il contenuto visibile sulla parte destra dello schermo. L’applicazione che stiamo creando andrà ad aggiornare questo oggetto sulla base della selezione delle righe nella tabella a sinistra.

Facciamo un passo avanti! Seleziona il tasto Build and Run per vedere queto prototipo della nostra applicazione prendere vita.

Nota: Quando lanci l’applicazione vedrai solo la vista principale. Il simulatore viene lanciato in posizione verticale. Per simulare la rotazione click su “Hardware -> Rotate Left/Right” [CMD+FrecciaSx/CMD+FrecciaDx].

Finisce qui la prima parte del tutorial di programmazione iPad.

A domani per la continuazione!!