Eccoci al nostro primo tutorial sulla programmazione iPad! Ho deciso di inserire tutti i tutorial nella nuova sezione “iPad-News Developer”. Non prediamoci in chiacchere e andiamo a vedere insieme il tutorial:
1) Creiamo il nostro progetto!
Per creare un progetto dobbiamo aprire Xcode cliccare su “Create a new Xcode project” selezionare View-based Application e in fine cliccare su Choose! Nominiamo il nostro nuovo progetto “Ciao iPad”. Alla fine dovremmo ottenere questo risultato:
2) Definiamo gli elementi che ci servono
Per definire gli elementi che ci servono dobbiamo andare sul file “Ciao_iPadViewController.h” e inseriamo questi codici:
Capiamo però a cosa abbiamo scritto:
- Il codice IBOutlet serve per definire appunto gli elementi (o in questo caso l’elemento) che ci servono per creare l’app
- il codice IBAction serve per fare compiere all’elemento che abbiamo definito l’azione che vogliamo! L’azione che vogliamo eseguire sarà “dettata” dopo nel file “Ciao_iPadViewController.m”!
Salviamo il file cliccando sui pulsanti CMD e S (contemporaneamente)!
3) Creiamo l’interfaccia della nostra applicazione!
Dopo aver definito gli elementi che ci servono andiamo sul file “Ciao_iPadViewController.xib” e cliccandolo 2 volte si aprirà l’Interface Builder! Come avrete visto in questo file ci sono 3 “oggetti”:
- File’s Owner
- First Responder
- View
Quello che dobbiamo fare adesso è andare sulla view e cliccare (in alto) su Tools > Library! Dalla Library trasciniamo sulla view l’elemento Round Rect Button ovvero un UIButton e l’elemento Label ovvero una UILabel!
Adesso clicchiamo 2 volte su File’s Owner e si aprirà l’Attributes Inspector e dalla barra in alto selezioniamo la freccia ovvero la seconda icona partendo da sinistra e dovreste ottenere questo risultato:
Collegate ora trascinando il pallino che trovate a fianco alla scritta “HelloiPad” alla UILabel e l’opzione “Hello” al UIButton (quando lo collegherete apparirà una finestrella; voi tra le opzioni scegliete Touch Up Inside) e dovreste ottenere un risultato cosi:
Per far capire cosa bisogna fare all’utente clicchiamo sul UIButton e nell’Attributes Inspector in alto nella prima icona partendo da sinistra nello spazio Title inseriamo “Clicca qui!” Ecco i risultati che dovreste ottenere:
Nella Label dobbiamo invece cancellare la scritta Label nello spazio Text e lasciarla vuota! Ecco come dovrebbe presentarsi la nostra applicazione:
Finalmente possiamo chiudere l’interface builder e ritornare su Xcode.
4) Definiamo le azioni che devono compiere gli elementi
Per completare la nostra applicazione dobbiamo andare sul file “Ciao_iPadController.m” e inserire questi codici:
Vediamo a cosa servono i codici che abbiamo appena inserito:
- il codice @synthesize serve solo per ri-definire gli elementi a cui vogliamo fare svolgere l’azione;
- il codice IBAction che ne avevamo precedentemente parlato serve per fare svolgere all’elemento l’azione che abbiamo definito!
Ora abbiamo concluso, salviamo il file!
5) Testiamo la nostra applicazione
Bene, ora che abbiamo finito il tutto testiamo la nostra applicazione! Clicchiamo su Build And Run e si avvierà il Simulatore!
Se avete svolto tutto correttamente cliccando sul pulsante “Clicca Qui” uscirà la scritta “Ciao iPad”.
Se avete problemi con il vostro progetto potete scaricare il mio cliccando su questa frase!
Come trovate questa prima guida? Fateci sapere le vostre impressioni così potremo migliorare nelle prossime puntate! 
commenti