Développer des Apps iOS 8 avec Swift

Apple a annoncé lors de la WWDC 2014 un changement assez majeur à la façon dont les applications iOS sont développées : un langage de programmation tout à fait différent appelé Swift qui remplace Objective-C. Comme je me suis lancé dans l'apprentissage de ce langage, j'ai décidé de poster régulièrement mes découvertes pour les partager. Cet article est le premier d'un grand nombre sur le sujet, et j'espère que vous allez les suivre !

Dans ce tutoriel, nous allons développer une application iOS qui téléchargera des chansons iTunes à partir de l'API iTunes, affichera cette information sur l'iPhone en utilisant un contrôle commun, appelé Table View, et nous permettra de regrouper ces morceaux dans un album et d'en jouer quelques-unes des pistes.

Donc, je vais commencer avec une application assez basique et expliquer comment le code fonctionne. Prêt ? Et c'est parti...

Swift supprime le principe de déclaration des variables en commençant par leurs noms de type, et choisit à la place d'utiliser un mot clé JavaScript comme var pour définir une variable.

Par exemple, là où en Objective-C vous avez ceci :

NSString *maChaine = @"C'est ma chaîne.";

vous avez maintenant ceci :

var maChaine = "C'est ma chaîne."

En même temps, les constantes sont exprimées avec le mot-clé let :

let kUneConstante = 40

Dans ce cas, kUneConstante est définie de façon implicite comme un entier. Si vous voulez être plus précis, vous pouvez spécifier son type comme ceci :

let kUneConstante: Int = 40

Tant les tableaux que les dictionnaires sont décrits en utilisant les crochets [] :

var tableauCouleurs = ["Bleu", "Rouge", "Vert", "Jaune"]

var dictionnaireCouleurs = ["CouleurPrimaire":"Vert", "CouleurSecondaire":"Rouge"]

Il y a beaucoup plus à passer en revue, mais je pense que ces bases sont importantes pour entamer le tutoriel. Sur ce, passons à « Hello World ».

D'abord, nous allons écrire l'application la plus simple que l'on peut imaginer, « Hello World ». Ce segment vient directement de mon prochain livre sur le développement Swift, mais il est si important et fondamental pour commencer que j'ai pensé qu'il serait bien de le publier gratuitement ici.

Notre application va faire une seule chose : afficher « Hello World » dans la console. Pour continuer, vous aurez besoin d'une version de Xcode pour développeur, ce qui nécessite un compte développeur. Si vous en avez un, allez à l'adresse https://developer.apple.com/ pour vous procurer cette version avant de commencer.

Alors, maintenant vous avez votre IDE en place. Écrivez donc « Hello World » dans la console. Cet exemple vous permet de construire la plus simple des applications et surtout voir comment configurer correctement votre environnement.

Créez un projet Xcode en utilisant le template « Single View Application » et assurez-vous de sélectionner Swift comme langage.

Vous devriez trouver maintenant un fichier AppDelegate.swift dans la hiérarchie du projet. À l'intérieur de ce fichier, trouvez la ligne :

"// Override point for customization after application launch."

Remplacez-la par notre code extraordinaire « Hello World » :

println("Hello World")

Maintenant, cliquez sur « run » et vous devriez voir démarrer une application vierge, et les mots « Hello World » affichés dans la console.

Notez que ce ne sera pas affiché dans le simulateur iPhone. Regardez en bas de votre fenêtre de Xcode et vous verrez « Hello World » dans une console.

Félicitations, vous venez d'écrire votre première application Swift ! Cette application ne gagnera probablement aucun prix, essayez de faire quelque chose d'un peu plus poussé...

Si vous n'êtes pas encore familiarisé avec Xcode, je vous invite à consulter préalablement le tutoriel interactif qui vous apprendra à développer les applications les plus simples pour Apple Watch. Essayez le tutoriel WatchKithttp://swift.lumarow.com/courses/building-a-simple-apple-watch-app-in-swift-1-2 et revenez suivre ce tutoriel après. Xcode est source de confusion et WatchKit est beaucoup plus simplifié, il représente donc le bon moyen d'acquérir les notions nécessaires au développement iOS.

Dans cette section, nous allons effectivement mettre quelque chose sur l'écran.

Ouvrez votre fichier Main.storyboard dans Xcode et glissez dedans un objet « Table View » de la bibliothèque d'objets (ne pas utiliser un TableViewController.) Positionnez ce plein écran dans la fenêtre de votre application et assurez-vous qu'il s'aligne avec les bords. Puis redimensionnez la hauteur en faisant glisser vers le bas le bord supérieur et en laissant un peu d'espace (ce qui laisse de la place à la barre d'état en haut du téléphone.) Si vous exécutez l'application à ce stade, vous devriez voir une vue de tableau vide dans le simulateur.

Maintenant, nous devons mettre en place un délégué et une source de données pour l'affichage du tableau. C'est facile à faire dans Interface Builder. Il suffit de maintenir la touche Contrôle enfoncée, puis cliquez et faites glisser depuis votre tableview vers l'objet View Controller dans la hiérarchie de votre storyboard, et sélectionnez « data source ». Répétez l'opération avec les options « delegate ».

Bon, maintenant nous allons creuser dans les méthodes de protocole des « Table Views ». Parce que nous utilisons UITableViewDataSource et UITableViewDelegate dans notre ViewController, nous devons modifier la définition de la classe.

Ouvrez donc ViewController.swift et modifiez cette ligne :

class ViewController: UIViewController {

comme ceci :

class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {

Cela entraînera l'apparition de quelques erreurs, mais ne vous inquiétez pas, c'est normal. En fait, les erreurs sont le but premier de l'inclusion de ces protocoles dans notre classe. Elles nous permettent de savoir que nous n'avons pas encore effectivement mis en œuvre UITableViewDataSource ou UITableViewDelegate.

Commande + clic sur l'un de ces protocoles montrera les fonctions requises au plus haut niveau. Dans le cas d'une table view, nous avons besoin au moins de ces deux :

func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell

Modifions donc notre classe ViewController par l'ajout de ces deux fonctions :

func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
   return 10
}
func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
   let cell: UITableViewCell = UITableViewCell(style: UITableViewCellStyle.Subtitle, reuseIdentifier: "MaCelluleDeTest")

   cell.textLabel?.text = "Ligne #\(indexPath.row)"
   cell.detailTextLabel?.text = "Sous-titre #\(indexPath.row)"

   return cell
}

La première méthode demande le nombre de lignes de notre section. Dans ce tutoriel, nous allons coder en dur 10, mais normalement ce serait la longueur d'un contrôleur de tableau. Cet exemple est volontairement simple.

La seconde méthode est l'endroit où la magie se produit. Ici, nous créons une nouvelle instance d'une UITableViewCell appelée cell en utilisant le style de cellule Subtitle.
Ensuite, nous assignons la valeur du texte de cette cellule à la chaîne "Ligne #\(indexPath.row)".

C'est ainsi que les variables sont intégrées dans une chaîne en Swift. Ce que nous faisons, c'est de récupérer la valeur de indexPath.row en insérant \(indexPath.row) dans notre chaîne et de la remplacer dynamiquement par le numéro de ligne de la cellule. Cela permet des résultats tels que « Ligne #1 », « Ligne #2 », etc.

Le libellé de détail est disponible uniquement dans la classe de la cellule Subtitle que nous utilisons ici. Nous l'avons configuré de façon similaire à « Sous-titre #1 », « Sous-titre #2 », et ainsi de suite.

Allez-y, exécutez votre application et vous verrez alors une liste incroyable de cellules avec des titres et des sous-titres indiquant leurs numéros de ligne. C'est l'une des façons les plus courantes d'afficher des données dans iOS, et assurez-vous de bien vous en servir. Pour le code complet de mon fichier ViewController, jetez un œil à : ViewController.swift.

Dans mon prochain livre, nous passerons plus de temps à réviser les principes de base, ainsi qu'à plonger plus profondément dans les détails avancés.

Dans la deuxième partie, nous allons explorer la boutique iTunes en utilisant l'API de recherche d'iTunes, afin de créer une application capable de trouver et d'afficher les albums qui s'y trouvent.

Aller à la partie 2 maintenant ->

Rejoignez-nous sur nos nouveaux forums.

Nous remercions Jameson Quave de nous avoir aimablement autorisés à publier son article, dont le texte original peut être trouvé sur jamesonquave.comhttp://jamesonquave.com/blog/developing-ios-apps-using-swift-tutorial/. Nous remercions aussi Mishulyna pour sa traduction, LeBzul pour sa relecture technique ainsi que Milkoseck et jacques_jean pour la relecture orthographique.