3.1 – iOS – Hello World avec Interface Builder

Interface Builder est un outil intégré à XCode et qui permet de créer les interfaces graphiques : contrôleurs, vues, widgets divers et variés.

Objectif et quelques explications :

Quand on démarre la grande aventure du développement iOS, on se heurte à plusieurs difficultés successives : Mac OSX, le langage Objective-C, XCode, la bibliothèque Cocoa Touch. Bref que du bonheur !

Interface Builder est un outil intégré à XCode et qui permet de créer les interfaces graphiques : contrôleurs, vues, widgets divers et variés.

Il est très puissant et permet aussi bien la création d’un seul contrôleur que des storyboards très complets comme celui-ci :

storyboard-hello-world-avec-interface-builder

Figure – Ici le storyboard de Flavorise

Ces fichiers *.storyboard sont intégrés dans votre projet et sont en fait des fichiers XML présentés graphiquement (non non, on ne touche pas au fichier XML !).

storyboard-02-hello-world-avec-interface-builder

Figure – Storyboard vu en XML

Même si ce tutorial ne couvre que la création d’un UILabel et d’un UIButton, vous apprendrez à créer outlets et actions.

Il est fondamental de comprendre ce que sont ‘action’ et ‘outlet’ :

1. Une « action » est une méthode qui sera automatiquement crée par IB et qui représentera la « callback » d’un événement donné. (exemple : événement ‘touch up inside’ pour une bouton).

2. Une « outlet » représente une variable qui sera automatiquement crée par IB qui permettra d’accéder aux propriétés d’un widget. (exemple : le texte d’un UILabel).

L’objectif ici est de montrer comment créer un projet simple, une ‘action’ et une ‘outlet’.

Version iOS et XCode : version 4.5.2

Etape 1
Le film ci-avant décrit la création d’un projet iOS « Single View » et décrit quelques réglages de base du projet.

Etape 2
Placement d’un UILabel et d’un UIButton dans la vue du contrôleur, utilisation d’Interface Builder.

Etape 3
Génération avec Interface Builder d’une action et d’une outlet.

Conclusion
En conclusion de ce tutorial nous avons appris à créer une action et une outlet manipulation fondamentale et courante dans l’utilisation d’Interface Builder.

Lien sur le projet à télécharger
Pas de projet à télécharger

Au sujet du formateur

bertrand

Bertrand Leclercq

Expert iOS et Android, aide votre entreprise à développer sur mobile, anime vos formations développeurs, conseille vos équipes

Contacter le formateur
Catégories
0 Comments
0 Pings & Trackbacks

Laisser un commentaire