Dopo aver creato il nostro progetto con nome "HelloWorld" e aver esplorato l'interfaccia di Xcode,andiamo a vedere un altro programma utilissimo per la creazione dei layout e per la configurazione dell'interfaccia utente,si tratta di Interface Builder.
La nostra applicazione non ha bisogno di scrivere codice,ma bisogna creare l'interfaccia grafica;per farlo usiamo Interface Builder (esso supporta gli oggetti UIKit e le linee guida HIG(Human Interface Guildelines)).
Per iniziare andiamo su Xcode nella sezione Groups & Files selezioniamo Resource e andiamo ad aprire con un doppio clic HelloWorld View Controller.xib (cosi facendo si apre Interface Builder).
Dobbiamo aggiungere un etichetta alla nostra applicazione in cui scrivere "Hello,World",per farlo apriamo la libreria che contiene gli oggetti dell'interfaccia e i controller (per aprirla premiamo Mela+Maiusc+L);Interface Builder supporta i file .xib e .nib ; il file .xib è la versione XML del file.nib. Per cercare un etichetta basta scrivere label nella parte bassa della finestra.
schermata della libreria
Selezioniamo l'etichetta e la spostiamo nella view,modifichiamo la grandezza dell'etichetta usando i pallini blu attorno ad essa(in alternativa da tastiera premete Mela+3 e modificate Label Size),impostiamo un altezza di 80
e una larghezza di 280; a questo punto premete Mela+T per modificare il carattere,impostate una dimensione di 48,dopo aver modificato la dimensione premete Mela+1 e da qui potete modificare il colore del testo,il testo della nostra etichetta e cosi via...
Modifichiamo il campo Text e scriviamo "Hello,World!" poi modifichiamo il campo layout per centrare il testo (modificate i vari campi a vostro piacimento).
schermata della View dopo aver modificato la nostra etichetta
Ora non ci resta che salvare e avviare la nostra applicazione,per farlo premete Mela+S per salvare e poi andate su Xcode e premete Build and Go.La vostra applicazione si aprirà nel simulatore,per ruotare il simulatore basta premere Mela+ le frecce direzionali destra e sinistra.Notiamo che la nostra etichetta non gira insieme al nostro simulatore,nella prossima guida vediamo come impostare la rotazione....
Alla prossima...