Apple

Devenez développeur iOS: comment commencer à développer pour iPad et iPhone

Par Maximus , le 13 juin 2019 - 26 minutes de lecture

Devenir développeur iOS Comment commencer à développer pour iPad et iPhone

Android est peut-être l’un des systèmes d’exploitation les plus populaires au monde, mais il est loin d’être le seul système d’exploitation mobile!

Si vous souhaitez que votre application mobile atteigne le plus large public possible, vous devez cibler plusieurs plates-formes. Pendant que tu pourrait Si vous optez pour un outil de développement multiplate-forme tel que Flutter, vous pouvez également créer plusieurs bases de code, ce qui vous permet de fournir une expérience utilisateur conçue et adaptée à chaque plate-forme mobile.

Peut-être que vous souhaitez publier votre dernière application mobile sur Android et iOS, vous envisagez peut-être de passer à Apple, ou simplement curieux de voir comment le développement pour iOS se compare au développement pour Android. Quelle que soit votre motivation, dans cet article, je vais vous montrer comment commencer à développer pour iOS en créant une application simple pour iPad et iPhone.

En cours de route, je vous présenterai les concepts de base du langage de programmation Swift d’Apple, vous expliquerai les principaux domaines de l’environnement de développement intégré Xcode et vous montrerai comment tester vos projets dans le simulateur iOS – au cas où vous ne vous êtes pas encore engagé à acheter un iPad ou un iPhone!

Voici ce que vous devez savoir pour commencer à développer pour iOS.

Dois-je connaître Swift?

Lorsque vous commencez à développer pour iOS, vous aurez généralement le choix entre deux langages de programmation: Objective-C ou Swift. Lancé en 2014, Swift est le langage le plus moderne. Apple semble pousser Swift au-dessus de Objective-C pour le développement iOS. Je vais donc utiliser Swift tout au long de ce didacticiel.

Si vous êtes un professionnel expérimenté de Swift, vous aurez une longueur d’avance. Cependant, même si vous n’avez jamais vu Une seule ligne de Swift auparavant, vous pourrez toujours suivre et, à la fin de cet article, vous aurez créé une application iOS fonctionnelle, entièrement écrite en Swift.

Au cours de la construction de notre application iOS, je vais vous expliquer les concepts de base de ce langage de programmation. Vous obtiendrez ainsi un aperçu de base de Swift et vous comprendrez. exactement ce qui se passe dans chaque ligne de code, même si vous êtes complètement nouveau dans Swift.

Malheureusement, vous n’aurez pas maîtrisé un tout nouveau langage de programmation au moment où vous atteignez le bas de cette page, mais si vous décidez de poursuivre le développement iOS, je vous recommande de consulter l’application Swift Playgrounds. Cette application contient des exercices d’apprentissage du code, présentés sous forme de puzzles interactifs, qui vous aideront à vous familiariser avec les éléments essentiels de Swift dont vous aurez besoin pour continuer à explorer le développement iOS.

Configurer l’IDE ​​Xcode IDE d’Apple

Pour développer pour iPhone et iPad, vous aurez besoin d’un Mac fonctionnant sous macOS 10.11.5 ou supérieur. Si vous ne savez pas quelle version de macOS vous utilisez actuellement, alors:

  • Sélectionnez le logo «Apple» dans la barre de menus de votre Mac.
  • Sélectionnez «À propos de ce Mac».
  • Assurez-vous que l'onglet «Vue d'ensemble» est sélectionné. votre version de macOS devrait apparaître dans cette fenêtre.

Vous aurez également besoin de Xcode, qui est l’environnement de développement intégré (IDE) d’Apple. Xcode dispose de tous les outils et fonctionnalités nécessaires pour concevoir, développer et déboguer des applications pour macOS, watchOS, tvOS – et iOS.

Pour télécharger la dernière version de Xcode:

  • Lancez l'App Store sur votre Mac.
  • Dans le champ «Rechercher», entrez «Xcode».
  • Lorsque l'application Xcode apparaît, sélectionnez «Get», puis «Install App».
  • Lorsque vous y êtes invité, entrez votre identifiant Apple et votre mot de passe. Si vous n’avez pas d’identité Apple, vous pouvez en créer un gratuitement. Xcode va maintenant être téléchargé dans le dossier "Applications" de votre Mac.
  • Une fois le téléchargement terminé, lancez-le. Lisez les conditions générales. Si vous souhaitez continuer, cliquez sur «Accepter».
  • Si Xcode vous invite à télécharger un logiciel supplémentaire, suivez les instructions à l'écran pour télécharger les composants manquants.

Mise en route: créer un nouveau projet Xcode

Semblable à Android Studio, Xcode est fourni avec un certain nombre de modèles pour les catégories d'applications iOS les plus courantes, telles que la navigation par onglets et les jeux. Ces modèles incluent du code standard et des fichiers pouvant vous aider à démarrer vos projets iOS. Dans cet article, nous utiliserons l’un de ces modèles prédéfinis.

Pour créer un nouveau projet Xcode:

  • Lancez l'IDE Xcode, si ce n'est déjà fait.
  • Après quelques instants, l'écran «Welcome to Xcode» (Bienvenue dans Xcode) apparaîtra. sélectionnez «Créer un nouveau projet Xcode». Si l’écran d’accueil ne s’affiche pas, sélectionnez «Fichier> Nouveau> Projet» dans la barre de menus Xcode.
  • Dans la fenêtre «Choisissez un modèle pour votre nouveau projet», assurez-vous que l'onglet «iOS» est sélectionné.
  • Sélectionnez le modèle «Single View App», puis cliquez sur «Suivant».
  • Dans «Nom du produit», entrez «HelloWorld». Xcode l'utilisera pour nommer votre projet et votre application.
  • Si vous le souhaitez, entrez un «nom d’organisation» facultatif.
  • Entrez votre «identifiant d'organisation». Si vous ne possédez pas d'identifiant, vous pouvez utiliser «com.example». Notez que «l'identifiant d'ensemble» est généré automatiquement en fonction du nom de votre produit et de l'identifiant de l'organisation. besoin de s'inquiéter à ce sujet.
  • Ouvrez le menu déroulant «Langues» et sélectionnez «Swift».
  • Cochez la case «Utiliser les données de base» et assurez-vous qu’elle ne pas choisi.
  • Cochez la case «Inclure les tests unitaires».
  • Cochez la case "Inclure les tests d'interface utilisateur" et assurez-vous qu'elle ne pas choisi.
  • Cliquez sur Suivant."
  • Dans la boîte de dialogue suivante, sélectionnez l'emplacement où vous souhaitez enregistrer votre projet, puis cliquez sur «Créer».

Xcode va maintenant charger votre projet dans sa fenêtre d’espace de travail.

Équipe de développement requise?

À ce stade, Xcode peut afficher le message d'erreur suivant: «La signature de HelloWorld nécessite une équipe de développement.»

Avant de pouvoir exécuter votre projet sur un périphérique iOS physique, vous devez configurer une équipe valide et signer votre application. Puisque nous ne faisons qu'essayer avec iOS, vous n'avez pas besoin de terminer le processus de signature maintenant, mais vous devez signer votre application avant qu'elle puisse s'exécuter sur un périphérique physique ou accéder à certains services, tels que Game Center ou In-App. Achats.

Comprendre l'IDE Xcode d'Apple

L’espace de travail de Xcode vous permet d’écrire l’intégralité du code source de votre application, de concevoir et de construire votre interface utilisateur et de créer tous les fichiers et toutes les ressources supplémentaires nécessaires à la création de votre application iOS complète.

Xcode regorge de fonctionnalités, mais en tant que nouveau venu dans le développement iOS, il y a quelques domaines à connaître:

  • (1) Zone de navigation. Cette zone fournit un accès rapide et facile à tous les différents fichiers et ressources constituant votre projet. Vous pouvez examiner le contenu d’un fichier en le sélectionnant dans la zone de navigation. Notez que vous devez seulement sélectionner le dossier en question; double-cliquer sur un fichier le lancera dans une nouvelle fenêtre externe.
  • (2) Zone d'édition. En fonction du fichier sélectionné dans la zone de navigation, Xcode affichera différentes interfaces dans la zone de l'éditeur. Le plus souvent, vous utiliserez la zone d'édition pour écrire le code source de votre application et construire son interface utilisateur.
  • Zone utilitaire. Cette zone est divisée en deux sections. Le haut de la zone Utilitaire (3) affiche le volet Inspecteur dans lequel vous pouvez afficher des informations sur l'élément sélectionné dans la zone Navigation ou Editeur et modifier ses attributs. Le bas de la zone Utilitaire (4) affiche le volet Bibliothèque, qui donne accès à certains éléments d'interface utilisateur prêts à être utilisés, à des extraits de code et à d'autres ressources.

AppleDelegate: Examen du fichier source Swift

Le modèle Single View App inclut tout le code Swift et les ressources nécessaires pour créer une application iOS simple mais fonctionnelle.

Vous pouvez voir tous ces fichiers et ressources générés automatiquement dans la zone de navigation (vers la gauche de l'espace de travail Xcode).

Si la zone de navigation n’est pas visible, vous pouvez la dissimuler en sélectionnant «Affichage> Navigateurs> Afficher le navigateur de projet» dans la barre de menu Xcode.

Le modèle d’application Simple View génère automatiquement plusieurs fichiers, mais commençons par examiner «AppleDelegate.swift». Sélectionnez ce fichier dans la zone de navigation. La zone de l’éditeur devrait être mise à jour pour afficher le contenu du fichier.

importer UIKit

@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

    var fenêtre: UIWindow?

// Dans Swift, vous déclarez une méthode à l'aide du mot clé «func» //

    application func (_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
        retourne vrai
    }

// Définit un paramètre “application” avec le type “UIApplication” //

    func applicationWillResignActive (_ application: UIApplication) {

    }

    func applicationDidEnterBackground (_ application: UIApplication) {

    }

    func applicationWillEnterForeground (_ application: UIApplication) {

    }

    func applicationDidBecomeActive (_ application: UIApplication) {

    }

    func applicationWillTerminate (_ application: UIApplication) {

    }

}

Examinons de plus près ce qui se passe dans ce fichier:

1. Créer un point d'entrée

L'attribut @UIApplicationMain crée un point d'entrée dans votre application et une boucle d'exécution, qui est une boucle de traitement d'événements vous permettant de planifier le travail et de coordonner les événements d'entrée dans votre application.

@UIApplicationMain

2. Définissez votre AppDelegate

Le fichier AppDelegate.swift définit une classe AppleDelegate, qui crée la fenêtre dans laquelle le contenu de votre application est dessinée et fournit un emplacement pour répondre aux transitions d'état, par exemple lorsque votre application passe en arrière-plan ou est mise au premier plan.

class AppDelegate: UIResponder, UIApplicationDelegate {

Dans le code ci-dessus, nous adoptons également le protocole UIApplicationDelegate, qui définit plusieurs méthodes que vous pouvez utiliser pour configurer votre application et gérer divers événements au niveau de l'application.

3. Définir une propriété de fenêtre

La classe AppDelegate contient une propriété «window», qui stocke une référence à la fenêtre de l'application. Cette propriété représente la racine de la hiérarchie de vues de votre application et indique l’intégralité du contenu de celle-ci.

                                var fenêtre: UIWindow?

4. Implémentations assorties de stub

La classe AppDelegate contient également des implémentations de stub pour plusieurs méthodes de délégation, telles que:

                func applicationDidEnterBackground (_ application: UIApplication) {

Ces méthodes permettent à l'objet d'application de communiquer avec le délégué de l'application. Chaque fois que votre application change d’état, l’application appelle la méthode de délégation correspondante. Par exemple, lorsque l’application passe en arrière-plan, elle appelle la méthode ci-dessus applicationDidEnterBackground.

Chacune de ces méthodes de délégation a un comportement par défaut, mais vous pouvez définir des comportements personnalisés en ajoutant votre propre code. Par exemple, vous développerez généralement l’implémentation de stub applicationDidEnterBackground en ajoutant du code pour libérer toutes les ressources partagées. La méthode applicationDidEnterBackground vous permet également de stocker suffisamment d’informations d’état pour restaurer votre application à son état actuel, au cas où votre application serait arrêtée alors qu’elle se trouvait en arrière-plan.

En plus de applicationDidEnterBackground, AppleDelegate.swift contient les méthodes suivantes:

  • didFinishLaunchingWithOptions. Informe le délégué que le processus de lancement est presque terminé et que votre application est presque prête à s'exécuter. Vous devez utiliser cette méthode pour terminer l’initialisation de votre application et faire les derniers ajustements, avant que l’interface utilisateur de votre application ne soit présentée à l’utilisateur.
  • applicationWillResignActive. Indique au délégué que votre application est sur le point de passer d'un état actif à un état inactif. Cette méthode peut être déclenchée par une interruption temporaire, telle qu'un appel téléphonique entrant, ou lorsque votre application commence à passer à un état d'arrière-plan. Lorsque votre application est inactive, elle ne devrait effectuer qu'un travail minime. Vous devez donc utiliser applicationWillResignActive pour suspendre les tâches en cours et désactiver les minuteries. Vous devez également saisir cette opportunité pour enregistrer toutes les données non sauvegardées afin qu’elles ne soient pas perdues si l’utilisateur choisit de quitter votre application alors qu’elle est en arrière-plan.
  • applicationWillEnterForeground. Dans iOS 4.0 et versions ultérieures, cette méthode est appelée dans le cadre de la transition de votre application de l’arrière-plan à un état actif au premier plan. Vous devez utiliser cette méthode pour annuler les modifications que vous avez apportées lorsque votre application est entrée en arrière-plan.
  • applicationDidBecomeActive. Cela indique au délégué que votre application est passée d'un état inactif à un état actif. En règle générale, cela se produit lorsque l'utilisateur ou le système lance votre application, mais cela peut également se produire si l'utilisateur choisit d'ignorer une interruption qui a déplacé votre application vers un état inactif temporaire, tel qu'un appel téléphonique entrant ou un SMS. Vous devez utiliser la méthode applicationDidBecomeActive pour redémarrer les tâches suspendues pendant que votre application était dans un état inactif.
  • applicationWillTerminate. Cette méthode informe le délégué que votre application est sur le point de se terminer. Utilisez cette méthode pour effectuer les opérations de nettoyage nécessaires, telles que la sauvegarde des données utilisateur ou la libération des ressources partagées. Sachez simplement que cette méthode a environ cinq secondes pour effectuer ses tâches et son retour. Si elle dépasse ce délai, le système peut décider de supprimer complètement le processus.

Test de votre projet: Exécution du simulateur iOS

Puisque nous avons utilisé le modèle Single View App, notre projet contient déjà suffisamment de code pour s'exécuter sur iOS.

Vous pouvez mettre votre projet iOS à l'épreuve en utilisant le simulateur iOS fourni avec Xcode. Semblable à l’émulateur d’Android Studio, le simulateur iOS vous permet de tester l’apparence et le fonctionnement de votre application sur toute une gamme d’appareils, y compris des appareils avec différentes tailles et résolutions d’écran.

Exécutons notre projet dans le simulateur iOS:

  • Sélectionnez «Définir le schéma actif» (où le curseur est positionné dans la capture d'écran suivante).

  • Choisissez le périphérique que vous souhaitez émuler, tel que «iPhone 8», «iPad Air 2» ou «iPhone X». Le simulateur émule par défaut l'iPhone 8 Plus.
  • Dans le coin supérieur gauche de la barre d'outils Xcode, sélectionnez le bouton «Exécuter» (où le curseur est positionné dans la capture d'écran suivante).

  • Si vous testez une application iOS pour la première fois, Xcode vous demandera si vous souhaitez activer le mode développeur. Le mode développeur permet à Xcode d’accéder à certaines fonctionnalités de débogage sans demander votre mot de passe à chaque fois. Par conséquent, à moins que vous n’ayez une raison spécifique de ne pas le faire, vous voudrez généralement activer le mode développeur.

Une fois que Xcode a fini de construire votre projet, le simulateur iOS se lancera et commencera à charger votre application. Semblable à l'émulateur Android, cela peut parfois être un processus lent. Vous devrez donc peut-être faire preuve de patience (utilisez peut-être cela comme une occasion de vous procurer un café!).

Une fois votre application chargée, vous serez confronté à un écran blanc. Le modèle Single View App est peut-être une application iOS fonctionnelle, mais il ne s’agit pas exactement passionnant l’application, ajoutons quelques éléments d’interface utilisateur.

Création d'une interface utilisateur avec le constructeur d'interface

Interface Builder de Xcode fournit un moyen visuel de conception et de construction de l'interface utilisateur de votre application, similaire au fonctionnement de l'éditeur de disposition dans Android Studio.

Si vous consultez la zone de navigation, vous constaterez que le modèle Single View App a déjà généré un fichier «Main.storyboard», qui est un fichier. Storyboard fichier. Un storyboard est une représentation visuelle de l'interface utilisateur de votre application, que vous pouvez modifier dans Interface Builder.

Pour jeter un coup d’œil sur le Storyboard de notre application, sélectionnez le fichier Main.storyboard dans la zone de navigation. Interface Builder devrait s'ouvrir automatiquement et afficher l'interface utilisateur de votre application, qui consiste actuellement en un seul écran.

Cet écran contient une vue unique, avec une flèche pointant vers le côté gauche de l'écran. Cette flèche représente le point d’entrée du Storyboard, qui est le premier écran que l’utilisateur voit lors du lancement de votre application.

Accéder à la bibliothèque d’objets iOS

Le moyen le plus simple de construire votre interface utilisateur consiste à utiliser les éléments de Xcode. Bibliothèque d'objets. Cette bibliothèque contient des objets qui ont une présence visible à l’écran, tels que des vues d’image, des barres de navigation et des commutateurs, ainsi que des objets qui définissent le comportement, mais qui n’ont pas de présence visible, tels que les dispositifs de reconnaissance de mouvements et les vues de conteneur.

Nous allons créer un bouton qui, une fois tapé, affiche une alerte. Commençons par saisir un bouton de la bibliothèque d’objets et l’ajouter à notre application:

  • En bas à droite de l'espace de travail Xcode, sélectionnez le bouton «Afficher la bibliothèque d'objets». Vous pouvez également sélectionner «Affichage> Utilitaires> Afficher la bibliothèque d'objets» dans le menu de Xcode.

  • La bibliothèque d'objets doit maintenant afficher une liste de tous les éléments que vous pouvez ajouter à votre interface utilisateur. Faites défiler cette liste pour voir quelles options sont disponibles.
  • Nous voulons ajouter un bouton, alors tapez «bouton» dans le champ de texte «Filtre», puis sélectionnez le bouton lorsqu'il apparaît dans la liste.
  • Faites glisser l'objet bouton sur votre toile. Lorsque vous faites glisser, un ensemble de guides horizontaux et verticaux apparaîtra pour vous aider à positionner le bouton. Lorsque vous êtes satisfait de son emplacement, relâchez votre souris pour ajouter le bouton à votre interface utilisateur.

Personnalisation des objets avec l'inspecteur d'attributs

Ensuite, nous devons ajouter du texte au bouton. Vous pouvez personnaliser les objets à l’aide de l’Inspecteur des attributs de Xcode:

  • Sélectionnez "Affichage> Utilitaires> Afficher l'inspecteur d'attributs" dans la barre d'outils Xcode. l'inspecteur d'attributs doit maintenant apparaître vers la droite de l'espace de travail Xcode.

  • Dans votre canevas, sélectionnez l'objet bouton.
  • Dans l'inspecteur d'attributs, recherchez la section «Titre» et remplacez le texte «Bouton» par défaut par votre propre texte.
    Appuyez sur la touche «Retour» de votre clavier, et Interface Builder mettra à jour le bouton pour afficher votre nouveau texte.

À ce stade, vous souhaiterez peut-être expérimenter certains des autres attributs du bouton, par exemple, vous pouvez modifier la couleur d’arrière-plan du bouton ou la police utilisée pour son texte.

Aperçu de votre interface utilisateur

Bien que vous puissiez tester vos applications en les exécutant sur le simulateur iOS, ce n’est pas toujours le moyen le plus simple de surveiller l’évolution de votre application.

Lorsque vous construisez votre interface utilisateur, vous pouvez gagner du temps en affichant un aperçu de vos modifications dans la fenêtre «Aperçu» de Xcode, un éditeur secondaire affiché dans le cadre de l’espace de travail Xcode standard.

  • Sélectionnez «Affichage> Éditer> Afficher l’éditeur assistant» dans la barre de menus de Xcode.
  • Dans la barre de menus de l’éditeur adjoint, sélectionnez «Automatique».

  • Sélectionnez «Aperçu> Tableau de bord principal (Aperçu)». L’éditeur adjoint affiche maintenant un aperçu de l’interface utilisateur de votre application à côté de la zone de l'éditeur habituelle.
  • Pour prévisualiser l’interface utilisateur de votre application dans différentes orientations, faites défiler vers le bas de la fenêtre Aperçu et sélectionnez le bouton “Rotation”.

Connecter votre interface utilisateur à votre code source

Dans le développement iOS, le code de l'application et votre interface utilisateur sont séparés, au point où nous avons créé une interface utilisateur de base sans avoir à écrire une seule ligne de code. Cependant, garder le code et l’UI séparés constitue un inconvénient: vous devez établir explicitement une relation entre votre code source et votre interface utilisateur, en fouillant dans les classes UIViewController et ViewController de votre projet.

UIViewController est un élément constitutif fondamental des applications iOS, chargé de contenir des éléments d'interface utilisateur tels que des boutons, des curseurs et des champs de texte. Par défaut, UIViewController a une vue vide. Nous devons donc créer une classe personnalisée qui étend UIViewController, appelée contrôleur de vue.

Si vous ouvrez le fichier «ViewController.swift» de votre projet, vous verrez que le modèle Single View App a déjà généré un View Controller pour nous:

class ViewController: UIViewController {

Actuellement, cette classe ViewController hérite simplement de tout le comportement défini par UIViewController, mais vous pouvez étendre et personnaliser ce comportement par défaut en remplaçant les méthodes définies par UIViewController. Par exemple, le fichier ViewController.swift remplace actuellement la méthode viewDidLoad (), mais il n’a pas été ajouté. faire appelez la version de cette méthode UIViewController:

                remplacer func viewDidLoad () {
        super.viewDidLoad ()
// Effectue une configuration supplémentaire après avoir chargé la vue //
    }

Bien qu’il dépasse le cadre de ce didacticiel, vous pouvez personnaliser la réponse de View Controller à cet événement en ajoutant votre propre code à la méthode viewDidLoad (). Par exemple, c’est à cet endroit que vous effectuerez généralement toute configuration supplémentaire requise par votre application.

En arrière-plan, le modèle Single View App a automatiquement créé une connexion entre votre classe ViewController.swift et Main.storyboard. Au moment de l'exécution, votre storyboard créera une instance de ViewController et le contenu de votre storyboard apparaîtra à l'écran.

Cela nous donne une longueur d'avance, mais nous devons encore lier les éléments individuels de notre Storyboard, à notre fichier ViewController.swift, afin que le code source puisse communiquer avec ces éléments individuels.

Notre tâche est de créer une connexion entre notre bouton et la section appropriée de notre code source, afin que notre application affiche une alerte à chaque fois que l'utilisateur appuie sur le bouton.

Créer une méthode d'action

Taper sur un bouton est un événement, nous devons donc créer un méthode d'action, qui est une section de code qui définit comment votre application doit répondre à un événement particulier.

Pour créer une méthode d'action:

  • Dans la zone de navigation, assurez-vous que votre fichier Main.storyboard est sélectionné.
  • Ouvrez l’éditeur adjoint de Xcode en sélectionnant ‘Affichage> Éditeur adjoint> Afficher l’éditeur adjoint.”
  • Dans la barre de sélection de l'éditeur, cliquez sur «Automatique», puis sélectionnez «Automatique> ViewController.swift».
  • À ce stade, le fichier ViewController.swift et le Storyboard doivent être visibles à l'écran. Dans le fichier ViewController.swift, recherchez la ligne suivante et ajoutez quelques lignes d’espace vide en dessous:
class ViewController: UIViewController {
  • Dans votre Storyboard, sélectionnez l’élément de l’interface utilisateur du bouton afin qu’il soit surligné en bleu.
  • Tout en maintenant la touche Ctrl enfoncée, faites glisser le bouton vers l'espace vide que vous venez de créer dans votre fichier ViewController.swift. Une ligne bleue devrait apparaître, indiquant l'endroit où la méthode d'action sera créée.

  • Lorsque vous êtes satisfait de la position de la méthode, relâchez le bouton et une fenêtre contextuelle devrait apparaître.
  • Dans la fenêtre contextuelle, ouvrez le menu déroulant "Connexion" et sélectionnez "Action".
  • Ensuite, ouvrez le menu déroulant "Evénement" et sélectionnez "Retouche à l'intérieur", qui est un événement qui sera déclenché chaque fois que l'utilisateur lève le doigt à l'intérieur du bouton.
  • Donnez à cette action le nom «alertController».
  • Cliquez sur «Connecter».

Xcode va maintenant créer la méthode “alertController” suivante:

                @IBAction func alertController (_ expéditeur: N'importe lequel) {
    }

Décrivons exactement ce qui se passe ici:

1. Indiquez que cette méthode est une action

L'attribut «IBAction» expose cette méthode à Interface Builder en tant qu'action, ce qui vous permet de connecter cette méthode à vos objets d'interface utilisateur:

            @IBAction

2. Déclarez la méthode

Dans Swift, nous déclarons une méthode à l'aide du mot clé «func», suivi du nom de la méthode:

func alertControlle ()

3. Définir certains paramètres

Ensuite, nous définissons des paramètres facultatifs dans un ensemble de parenthèses, que notre méthode utilisera ensuite comme entrée.

Chaque ensemble de paramètres doit avoir un nom et un type, séparés par deux points (:).

func alertController (_ expéditeur: N'importe lequel) {

Ici, la méthode accepte un paramètre «sender», qui fait référence à l’objet responsable du déclenchement de l’action, c’est-à-dire notre bouton. Nous déclarons également que ce paramètre peut être de type «Any».

Désormais, chaque fois que l'utilisateur appuie sur le bouton, notre application appelle la méthode alertController (_ sender :).

Vérifiez la connexion

Après avoir créé notre méthode «alertController», nous pouvons vérifier qu’elle est correctement connectée au bouton:

  • Dans la zone de navigation, sélectionnez le fichier «Main.storyboard».
  • Dans la barre de menus de Xcode, sélectionnez «Affichage> Utilitaires> Afficher l’Inspecteur de connexions». L’Inspecteur de connexions doit maintenant s’ouvrir dans la partie droite de l’espace de travail Xcode.
  • Dans la zone d'édition, sélectionnez votre bouton.

L’Inspecteur de connexions doit maintenant afficher des informations sur ce bouton, notamment une section «Événements envoyés», qui contient une liste des événements disponibles et la méthode correspondante à appeler chaque fois que chaque événement se produit.

Nous pouvons voir que l'événement «Touch Up Inside» est connecté à notre méthode «alertController». Nous savons donc que chaque fois que l'utilisateur interagira avec ce bouton, la méthode «alertController» sera appelée.

Cependant, il y a un problème: nous n’avons pas défini ce qui devrait se passer lorsque la méthode "alertController" est appelée!

Création d'un dialogue d'alerte

Dans iOS, vous pouvez créer une alerte à l’aide de UIAlertController, équivalent à peu près à AlertDialog d’Android.

Ouvrez votre fichier ViewController.swift et ajoutez les éléments suivants:

class ViewController: UIViewController {
    @IBAction func showAlert (_ expéditeur: N'importe lequel) {

       let alertController = UIAlertController (titre: "titre", message:

            "Bonjour le monde!", PreferredStyle: .alert)
        alertController.addAction (UIAlertAction (titre: "Annuler", style: .default))

        self.present (alertController, animé: vrai, achèvement: nul)
    }

Voyons de plus près ce qui se passe ici:

1. Déclarer une constante

Dans Swift, vous déclarez des constantes avec le mot-clé «let». Nous commençons par déclarer une constante appelée alertController:

laisser alertController

2. Définir le contenu du message

Nous pouvons maintenant définir le titre et le message de l’alerte:

let alertController = UIAlertController (titre: "titre", message:
            "Bonjour le monde!")

3. Définir le style

Comme il s’agit d’une alerte, j’utilise le style «Alert»:

let alertController = UIAlertController (titre: "titre", message:
            "Bonjour le monde!", PreferredStyle: .alert)

4. Ajouter une action

Ensuite, nous ajoutons un bouton d’action utilisant la méthode addAction ():

alertController.addAction (UIAlertAction (titre: "Annuler", style: .default))

5. Afficher l'alerte

Une fois que nous avons configuré notre objet UIAlertController, nous sommes prêts à l'afficher à l'utilisateur. Dans l'extrait suivant, nous demandons à ViewController de présenter à l'objet alertController une animation:

                                self.present (alertController, animé: vrai, achèvement: nul)
    }

Test de votre application iOS terminée

Il est maintenant temps de mettre notre projet à l’épreuve:

  • Sélectionnez le bouton "Exécuter" dans la barre d’outils de Xcode.
  • Une fois que votre application apparaît dans le simulateur iOS, cliquez sur son bouton – votre alerte devrait maintenant apparaître à l'écran!

Emballer

Dans ce tutoriel, nous avons acquis une expérience pratique du développement pour iOS. Nous avons créé une application simple, composée d'un bouton et d'un message d'alerte, tout en nous familiarisant avec l'IDE Xcode et le langage de programmation Swift.

Avez-vous des projets pour commencer à développer des applications pour iPhone et iPad? Ou préférez-vous des outils de développement multiplates-formes tels que Flutter? Faites-nous savoir dans les commentaires ci-dessous!

Maximus

Commentaires

Laisser un commentaire

Votre commentaire sera révisé par les administrateurs si besoin.