Content

• Necessito conèixer Swift?
• Configura l'ID de codi X d'Apple
• Introducció: crea un nou projecte Xcode
• És necessari un equip de desenvolupament?
• Comprensió de l’ID Xcode d’Apple
• AppleDelegate: examinació del fitxer font Swift
• 1. Crear un punt d’entrada
• 2. Definiu el vostre AppDelegate
• 3. Definiu una propietat de finestra
• 4. Implementacions Stub variades
• Prova del projecte: executar iOS Simulator
• Creació d'una IU amb el Creador d'interfícies
• Accés a la Biblioteca d'objectes d'iOS
• Personalització d'objectes amb l'Inspector d'atributs
• Vista prèvia de la vostra interfície d'usuari
• Connexió de la vostra IU al codi font
• Creació d’un mètode d’acció
• 1. Indiqueu que aquest mètode és una acció
• 2. Declareu el mètode
• 3. Defineix alguns paràmetres
• Comproveu la connexió
• Creació d’un diàleg d’alerta
• 1. Declara una constant
• 2. Definiu el contingut del contingut
• 3. Estableix l'estil
• 4. Afegiu una acció
• 5. Mostrar l'alerta
• Prova de l'aplicació iOS completada
• Embalatge

Android pot ser un dels sistemes operatius més populars del món, però està lluny de l’únic sistema operatiu mòbil.

Si voleu que la vostra aplicació mòbil arribi al públic més ampli possible, haureu d’orientar-vos a diverses plataformes. Mentre tu podria opteu per una eina de desenvolupament multiplataforma com Flutter, també podreu crear múltiples codis de base que us permetin oferir una experiència d’usuari dissenyada i adaptada per a cada plataforma mòbil.

Potser voleu llançar la vostra última aplicació mòbil a Android i iOS, potser esteu pensant a saltar a Apple o potser només teniu curiositat de veure com es compara el desenvolupament d’iOS amb el de desenvolupar per a Android. Sigui quina sigui la vostra motivació, en aquest article us mostraré com començar a desenvolupar-vos per a iOS, creant una senzilla aplicació per a iPad i iPhone.

Al llarg del camí, faré una introducció als conceptes bàsics del llenguatge de programació Swift d'Apple, us dirigiré a les principals àrees de l'entorn de desenvolupament integrat Xcode i us mostraré com podeu provar els vostres projectes al simulador d'iOS, per si de cas. Encara no s'ha compromès a comprar un iPad o iPhone.

El que heu de saber per començar a desenvolupar-vos per a iOS.

Necessito conèixer Swift?

Quan comenceu a desenvolupar-se per a iOS, normalment tindreu una selecció de dos llenguatges de programació: Objective-C o Swift. Llançat el 2014, Swift és el llenguatge més modern, a més que Apple sembla que pressionarà Swift sobre l'Objective-C per al desenvolupament de iOS, així que utilitzaré Swift durant tot aquest tutorial.

Si ets un professional experimentat amb Swift, tindràs un punt de partida. Tanmateix, encara que no ho sigui mai vist abans d’una única línia de Swift, encara podreu seguir i, al final d’aquest article, haureu creat una aplicació iOS amb funcionament, escrita íntegrament a Swift.

A mesura que anem construint la nostra aplicació iOS, explicaré els conceptes bàsics d’aquest llenguatge de programació, de manera que tindreu una visió general bàsica de Swift i comprendreu exactament què passa a cada línia de codi, encara que siguis completament nou a Swift.

Malauradament, no haureu dominat un llenguatge de programació completament nou quan arribeu a la part inferior d'aquesta pàgina, però si decidiu continuar amb el desenvolupament de iOS, us recomano que feu una ullada a l'aplicació Swift Playgrounds. Aquesta aplicació conté exercicis de Learn To Code, que es presenten com a trencaclosques interactius que us ajudaran a familiaritzar-vos amb l’essencial de Swift que necessitareu, per continuar explorant el desenvolupament d’iOS.

Configura l'ID de codi X d'Apple

Per desenvolupar-vos per a iPhone i iPad, necessitareu un Mac que tingui MacOS 10.11.5 o superior. Si no esteu segurs quina versió de macOS actualment esteu executant, aleshores:

• Seleccioneu el logotip de "Apple" a la barra de menús del vostre Mac.
• Seleccioneu "Quant a aquest Mac".
• Assegureu-vos que està seleccionada la pestanya "Visió general"; la versió de macOS hauria d'aparèixer en aquesta finestra.

També necessitareu Xcode, que és l’entorn de desenvolupament integrat d’Apple (IDE). Xcode té totes les eines i funcions necessàries per dissenyar, desenvolupar i depurar aplicacions per a macOS, watchOS, tvOS - i iOS.

Per descarregar l'última versió de Xcode:

• Inicieu l'App Store al vostre Mac.
• Al camp "Cerca", introduïu "Xcode".
• Quan aparegui l'aplicació Xcode, seleccioneu "Obtenir" seguit de "Instal·leu l'aplicació".
• Quan se us demani, introduïu el vostre identificador i contrasenya d'Apple. Si no teniu un identificador d'Apple, podeu crear-ne de forma gratuïta. Ara es descarregarà Xcode a la carpeta "Aplicacions" del Mac.
• Un cop Xcode s'hagi acabat de descarregar, engegueu-lo. Llegiu els termes i les condicions i, si us ve de gust continuar, feu clic a "D'acord".
• Si Xcode us demana que descarregueu algun programari addicional, seguiu les instruccions que apareixen a la pantalla per baixar aquests components que falten.

Introducció: crea un nou projecte Xcode

De forma similar a Android Studio, Xcode inclou diverses plantilles per a categories habituals d'aplicacions iOS, com ara la navegació basada en pestanyes i jocs. Aquestes plantilles inclouen codi i fitxers de la placa de caldera que us poden ajudar a iniciar els vostres projectes iOS. En aquest article, farem ús d’una d’aquestes plantilles preparades.

Per crear un nou projecte Xcode:

• Inicieu l'ID del codi X, si encara no ho heu fet.
• Al cap d’uns moments, apareixerà la pantalla “Benvingut a Xcode”; seleccioneu "Crea un nou projecte de codi X". Si la pantalla de benvinguda no apareix, seleccioneu "Fitxer> Nou> Projecte" a la barra de menús Xcode.
• A la finestra "Trieu una plantilla per al vostre nou projecte", assegureu-vos que està seleccionada la pestanya "iOS".
• Seleccioneu la plantilla "Aplicació de visualització única" i, a continuació, feu clic a "Següent".
• A "Nom del producte", introduïu "HelloWorld". Xcode ho utilitzarà per anomenar el vostre projecte i l'aplicació.
• Si voleu, introduïu un "nom d'organització" opcional.
• Introduïu el vostre "Identificador d'organització". Si no teniu un identificador, podeu utilitzar "com.example". Tingueu en compte que el "identificador de paquet" es genera automàticament en funció del nom del producte i el vostre identificador d'organització, de manera que no ho feu. Cal preocupar-se per això.
• Obriu el menú desplegable "Idiomes" i seleccioneu "Swift".
• Cerqueu la casella de selecció "Utilitza dades bàsiques" i assegureu-vos que sigui no seleccionada.
• Marqueu la casella de selecció "Inclou proves d'unitats".
• Cerqueu la casella de selecció "Inclou proves d'UI" i assegureu-vos que sigui no seleccionada.
• Feu clic a "Següent".
• Al quadre de diàleg posterior, seleccioneu la ubicació on voleu desar el projecte i, a continuació, feu clic a "Crea".

Ara Xcode carregarà el vostre projecte a la finestra de l’espai de treball.

És necessari un equip de desenvolupament?

En aquest moment, Xcode pot mostrar el següent error: "La sessió per a HelloWorld requereix un equip de desenvolupament."

Abans de poder executar el projecte en un dispositiu físic amb iOS, haureu de configurar un equip vàlid i signar la sol·licitud. Com que només experimentem amb iOS, no cal completar el procés de signatura ara, però haurà de signar la vostra aplicació abans de poder-la executar en un dispositiu físic o accedir a determinats serveis, com ara Game Center o In-App. Compres.

Comprensió de l’ID Xcode d’Apple

L’espai de treball de Xcode és on escriureu tot el codi font de l’aplicació, dissenyareu i creareu la vostra interfície d’usuari (IU) i creareu tots els fitxers i recursos addicionals que s’ajuntaran per formar la vostra aplicació iOS completada.

Xcode compta amb funcions, però com a nouvingut al desenvolupament d’iOS, hi ha algunes àrees que cal conèixer:

• (1) Àrea de navegació. Aquesta àrea proporciona un accés ràpid i senzill a tots els diferents fitxers i recursos que configuren el vostre projecte. Podeu examinar el contingut d’un fitxer seleccionant-lo a l’àrea de navegació. Tingueu en compte que només cal que seleccionar el fitxer en qüestió; Feu doble clic en un fitxer el llançarà en una nova finestra externa.
• (2) Àrea de l'editor. Depenent del fitxer que seleccioneu a l’àrea de navegació, Xcode mostrarà diferents interfícies a l’àrea d’Editor. Normalment, utilitzaràs l’àrea de l’Editor per escriure el codi font de l’aplicació i crear la seva interfície d’interès.
• Àrea d’utilitat. Aquesta àrea està dividida en dos trams. La part superior de l’àrea d’utilitat (3) mostra el panell Inspector, on podeu veure informació sobre l’element que heu seleccionat a l’àrea de navegació o editor i editar-ne els atributs. A la part inferior de l’àrea d’utilitat (4) es mostra el panell de la Biblioteca, que proporciona accés a alguns elements d’UI preparats, fragments de codi i altres recursos.

AppleDelegate: examinació del fitxer font Swift

La plantilla d'aplicació Vista única inclou tot el codi i recursos Swift necessaris per crear una aplicació iOS senzilla, però que funcioni.

Podeu veure tots aquests fitxers i recursos generats automàticament a l’àrea de navegació (cap a l’esquerra de l’espai de treball Xcode).

Si l’àrea de navegació no és visible, aleshores podeu agilitar-la per ocultar-la si seleccioneu "Veure> Navegadors> Mostra Project Navigator" a la barra de menús Xcode.

La plantilla Simple View Application genera automàticament diversos fitxers, però comencem examinant “AppleDelegate.swift”. Seleccioneu aquest fitxer a l’àrea de navegació i l’àrea d’Editor s’hauria d’actualitzar per mostrar el contingut del fitxer.

importar UIKit @UIApplicationMain classe AppDelegate: UIResponder, UIApplicationDelegate {var finestra: UIWindow? // A Swift, declara un mètode mitjançant la paraula clau "func" // application func (_ application: UIApplication, didFinishLaunchingWithOptions launOptions:?) -> Bool {return true} // Definiu un paràmetre "application" amb el tipus "UIApplication ”// func applicationWillResignActive (_ application: UIApplication) {} func applicationDidEnterBackground (_ application: UIApplication) {} func applicationWillEnterForeground (_ application: UIApplication) {} func applicationDidBecomeActive (_ application: UIApplication) {} func applicationWillTerminate (_ application: Application) ) {}}

Analitzem de manera detallada el que passa en aquest fitxer:

1. Crear un punt d’entrada

L’atribut @UIApplicationMain crea un punt d’entrada a l’aplicació i un bucle d’execució, que és un bucle de processament d’esdeveniments que permet programar el treball i coordinar els esdeveniments d’entrada dins de l’aplicació.

@UIApplicationMain

2. Definiu el vostre AppDelegate

El fitxer AppDelegate.swift defineix una classe AppleDelegate, que crea la finestra on es dibuixa el contingut de l’aplicació i proporciona un lloc per respondre a les transicions estatals, com ara quan la vostra aplicació passa a un segon pla o es posa en segon pla.

class AppDelegate: UIResponder, UIApplicationDelegate {

Al codi anterior, també adoptem el protocol UIApplicationDelegate, que defineix diversos mètodes que podeu utilitzar per configurar l'aplicació i gestionar diversos esdeveniments a nivell d'aplicació.

3. Definiu una propietat de finestra

La classe AppDelegate conté una propietat "finestra", que emmagatzema una referència a la finestra de l'aplicació. Aquesta propietat representa l’arrel de la jerarquia de vista de l’aplicació i és allà on es dibuixarà tot el contingut de l’aplicació.

finestra de var: UIWindow?

4. Implementacions Stub variades

La classe AppDelegate també inclou implementacions de discos per a diversos mètodes delegats, com ara:

func applicationDidEnterBackground (_ aplicació: UIApplication) {

Aquests mètodes permeten que l'objecte de l'aplicació es pugui comunicar amb el delegat de l'aplicació. Cada vegada que la vostra aplicació canvia d’estat, l’objecte de l’aplicació trucarà al mètode delegat corresponent, per exemple quan l’aplicació passa a un segon pla, anomenarà el mètode applicationDidEnterBackground anterior.

Cadascun d’aquests mètodes delegats té un comportament predeterminat, però podeu definir comportaments personalitzats afegint el vostre propi codi. Per exemple, normalment s’amplia a l’aplicació d’estub de applicationDidEnterBackground afegint codi per alliberar qualsevol recurs compartit. El mètode applicationDidEnterBackground també és on heu d’emmagatzemar prou informació d’estat per restaurar l’aplicació al seu estat actual, només en cas que la vostra aplicació s’acabi mentre queda en segon pla.

A més d'aplicarDidEnterBackground, AppleDelegate.swift conté els mètodes següents:

• didFinishLaunchingWithOptions. Informa al delegat que el procés de llançament està gairebé finalitzat i que la vostra sol·licitud està gairebé a punt per executar-se. Haureu d’utilitzar aquest mètode per completar la inicialització de l’aplicació i fer qualsevol ajustament final abans que la interfície d'interès de la vostra aplicació es presenti a l'usuari.
• applicationWillResignActive. Indica al delegat que la vostra aplicació està a punt de passar d'una estat activa a una inactiva. Aquest mètode es pot desencadenar per una interrupció temporal, com ara una trucada telefònica entrant, o quan l'aplicació comença a passar a un estat de fons. Quan la vostra aplicació es troba en un estat inactiu, hauria de realitzar un treball mínim, així que haureu d’utilitzar applicationWillResignActive per aturar les tasques en curs i desactivar els temporitzadors. També heu d’aprofitar aquesta oportunitat per desar dades no guardades, de manera que no es perdrà si l’usuari decideix deixar la sol·licitud mentre queda en segon pla.
• applicationWillEnterForeground. A iOS 4.0 i versions posteriors, aquest mètode s’anomena part de la transició de l’aplicació des d’un segon pla a un estat actiu i de primer pla. Hauríeu d’utilitzar aquest mètode per desfer els canvis que heu fet quan la sol·licitud entrava en segon pla.
• applicationDidBecomeActive. Això indica al delegat que la vostra aplicació ha passat d’un estat inactiu a un actiu. Típicament, això es produeix quan l'usuari o el sistema llança l'aplicació, però també es pot produir si l'usuari decideix ignorar una interrupció que va traslladar l'aplicació a un estat inactiu temporal, com ara una trucada telefònica o SMS. Heu d’utilitzar el mètode applicationDidBecomeActive per reiniciar qualsevol tasca que es va aturar mentre l’aplicació es trobava en estat inactiu.
• applicationWillTerminate. Aquest mètode informa al delegat que la vostra sol·licitud està a punt de finalitzar-se. Haureu d’utilitzar aquest mètode per realitzar qualsevol neteja necessària, com ara desar els usuaris de l’usuari o alliberar recursos compartits. Si us plau, tingueu en compte que aquest mètode té aproximadament cinc segons per realitzar les seves tasques i retornar-les, i si supera aquest límit de temps, el sistema pot decidir matar el procés completament.

Prova del projecte: executar iOS Simulator

Atès que hem utilitzat la plantilla de l'aplicació Vista única, el nostre projecte ja conté codi suficient per funcionar amb iOS.

Podeu posar a prova el vostre projecte d’iOS mitjançant el simulador d’IOS que es presenta prèviament al paquet amb Xcode. De forma similar a l’emulador d’Android Studio, el Simulador d’IOS us permet provar com es veurà i funcionarà la vostra aplicació en una gamma de dispositius, inclosos dispositius amb diferents mides i resolucions de pantalla.

Anem a executar el nostre projecte al Simulador d’iOS:

• Seleccioneu "Definiu l'esquema actiu" (on es troba el cursor a la captura de pantalla següent).

• Trieu el dispositiu que voleu emular, com ara "iPhone 8", "iPad Air 2" o "iPhone X." El simulador emula iPhone 8 Plus de manera predeterminada.
• A la part superior esquerra de la barra d’eines Xcode, seleccioneu el botó “Executar” (on es troba el cursor a la captura de pantalla següent).

• Si és la primera vegada que prova una aplicació per a iOS, Xcode us preguntarà si voleu habilitar el mode de desenvolupador. El mode de desenvolupador permet a Xcode accedir a certes funcions de depuració sense sol·licitar la vostra contrasenya cada vegada, de manera que tret que teniu un motiu específic per no fer-ho, normalment voleu habilitar el mode de desenvolupador.

Un cop Xcode hagi acabat de crear el vostre projecte, iOS Simulator es llançarà i començarà a carregar la vostra aplicació. De forma similar a l’emulador d’Android, de vegades pot ser un procés lent, així que potser haureu de tenir paciència (potser utilitzeu-ho com a oportunitat per prendre un cafè!)

Un cop s’hagi carregat l’aplicació, us trobareu amb una pantalla blanca. La plantilla d'aplicació per a visualització única pot ser una aplicació iOS funcionant, però no és exactament una apassionant Aplicació, per tant, afegim alguns elements de la interfície d'usuari.

Creació d'una IU amb el Creador d'interfícies

El constructor d’interfícies de Xcode us ofereix una manera visual de dissenyar i crear la interfície d’interès de la vostra aplicació, de manera similar a com funciona l’Editor de disposicions a Android Studio.

Si feu una ullada a l'àrea de navegació, veureu que la plantilla de l'aplicació Vista única ja ha generat un fitxer "Main.storyboard", que és un Storyboard dossier. Un Storyboard és una representació visual de la interfície d’interès de l’aplicació, que podeu editar a l’Interface Builder.

Per fer un cop d’ull al Storyboard de l’aplicació, seleccioneu el fitxer Main.storyboard de l’àrea de navegació. L’Interface Builder ha d’obrir-se automàticament i mostrar la interfície d’usuari de l’aplicació, que actualment consta d’una sola pantalla.

Aquesta pantalla conté una vista única, amb una fletxa que apunta cap al costat esquerre de la pantalla. Aquesta fletxa representa el punt d’entrada de Storyboard, que és la primera pantalla que l’usuari veu quan llança la seva aplicació.

Accés a la Biblioteca d'objectes d'iOS

La forma més senzilla de crear la vostra interfície d'interès és utilitzar elements de la Xcode Biblioteca d'objectes. Aquesta biblioteca conté objectes que tenen una presència visible a la pantalla, com ara vistes d’imatges, barres de navegació i commutadors, i objectes que defineixen el comportament però que no tenen una presència visible, com ara reconeguts de gestos i vistes de contenidors.

Crearem un botó que, en tocar, mostri una alerta. Comencem agafant un botó de la Biblioteca d’objectes i afegint-lo a la nostra aplicació:

• A la part inferior dreta de l'espai de treball Xcode, seleccioneu el botó "Mostra la biblioteca d'objectes". De forma alternativa, podeu seleccionar "Veure> Utilitats> Mostra la biblioteca d'objectes" al menú de Xcode.

• La Biblioteca d'objectes ara hauria de mostrar una llista de tots els diferents elements que podeu afegir a la vostra interfície d'interès. Desplaceu-vos per aquesta llista per veure quines opcions hi ha disponibles.
• Volem afegir un botó, de manera que escriviu "botó" al camp de text "Filtre" i, a continuació, seleccionem el botó quan aparegui a la llista.
• Arrossegueu l'objecte del botó al llenç. Al arrossegar, apareixerà un conjunt de guies horitzontals i verticals que us ajudaran a situar el botó. Quan esteu satisfets amb la ubicació, allibereu el ratolí per afegir el botó a la vostra interfície d'interès.

Personalització d'objectes amb l'Inspector d'atributs

A continuació, hem d’afegir un text al botó. Podeu personalitzar objectes, utilitzant Atributs Inspector de codi X:

• Seleccioneu "Veure> Utilitats> Mostrar inspector d'atributs" a la barra d'eines Xcode; ara s’hauria d’aparèixer l’inspector d’atributs cap a la part dreta de l’espai de treball Xcode.

• Seleccioneu l'objecte del botó al vostre llenç.
• A l'Inspector d'atributs, cerqueu la secció "Títol" i substituïu el text "Botó" per defecte per algun text propi.
  Premeu la tecla "Tornar" del teclat i el Creador d'interfícies actualitzarà el botó per mostrar el nou text.

En aquest moment, potser voldreu experimentar amb alguns dels altres atributs del botó, per exemple, podeu canviar el color de fons del botó o el tipus de lletra utilitzat per al text.

Vista prèvia de la vostra interfície d'usuari

Tot i que podeu provar les vostres aplicacions executant-les al Simulador d’iOS, aquesta no sempre és la manera més senzilla de controlar la configuració de l’aplicació.

Quan creeu la vostra interfície d'interès, us podeu estalviar una mica de temps prèviament als canvis a la finestra "Vista prèvia" del codi Xcode, que és un editor secundari que es mostra com a part de l'espai de treball habitual del codi X.

• Seleccioneu "Veure> Edita> Mostra l'editor ajudant" a la barra de menús de Xcode.
• A la barra de menú de l'Assistent Editor, seleccioneu "Automàtic".

• Seleccioneu "Previsualització> Main.storyboard (vista prèvia)". L'editor assistent ara mostrarà una vista prèvia de la interfície d'usuari de la vostra aplicació al costat de la zona de l'editor normal.
• Per visualitzar la interfície d'interès de l'aplicació en diferents orientacions, desplaceu-vos fins a la part inferior de la finestra de visualització prèvia i seleccioneu el botó "Gira".

Connexió de la vostra IU al codi font

Al desenvolupament d’iOS, el codi de l’aplicació i la vostra interfície d’usuari estan separats, fins al punt que hem creat una interfície d’interès bàsica sense haver d’escriure una sola línia de codi. Tanmateix, hi ha un inconvenient de mantenir el codi i la interfície d'usuari: heu d'establir explícitament una relació entre el codi font i la vostra interfície d'usuari, aprofundint en les classes UIViewController i ViewController del vostre projecte.

UIViewController és un bloc fonamental d’aplicacions iOS, que s’encarrega de mantenir elements d’UI com botons, control lliscant i camps de text. Per defecte, UIViewController té una vista buida, per la qual cosa hem de crear una classe personalitzada que estengui UIViewController, coneguda com a View Controller.

Si obriu el fitxer "ViewController.swift" del vostre projecte, veureu que la plantilla de l'aplicació Vista única ja ha generat un Controlador de vista per a nosaltres:

class ViewController: UIViewController {

Actualment, aquesta classe ViewController només heretge tot el comportament definit per UIViewController, però podeu ampliar i personalitzar aquest comportament predeterminat superant els mètodes definits per UIViewController.Per exemple, actualment el fitxer ViewController.swift substitueix el mètode viewDidLoad (), però no és realment fer excepte trucar a la versió d’aquest mètode d’UIViewController:

Anul·lar la funció viewDidLoad () {super.viewDidLoad () // Feu qualsevol configuració addicional després de carregar la vista //}

Tot i que està fora de l’àmbit d’aquest tutorial, podeu personalitzar la resposta del controlador de vista a aquest esdeveniment afegint el vostre propi codi al mètode viewDidLoad (), per exemple, en aquest lloc normalment realitzeu qualsevol configuració addicional requerida per l’aplicació.

Darrere de les escèniques, la plantilla de l'aplicació de vista única ha creat automàticament una connexió entre la classe ViewController.swift i el Main.storyboard. En temps d'execució, el vostre Storyboard crearà una instància de ViewController i el contingut del vostre Storyboard apareixerà a la pantalla.

Això ens dóna un inici de capçalera, però encara necessitem enllaçar els elements individuals del nostre Storyboard al fitxer ViewController.swift per tal que el codi font es pugui comunicar amb aquests elements individuals.

La nostra tasca és crear una connexió entre el nostre botó i la secció adequada del nostre codi font de manera que la nostra aplicació mostri una alerta cada vegada que l’usuari toca el botó.

Creació d’un mètode d’acció

Tocar un botó és un esdeveniment, per la qual cosa hem de crear un mètode d’acció, que és una secció de codi que defineix com ha de respondre la vostra aplicació a un esdeveniment concret.

Per crear un mètode d'acció:

• A l’àrea de navegació, assegureu-vos que estigui seleccionat el fitxer Main.storyboard.
• Obriu l'Assistent Editor de Xcode, seleccionant "Veure> Editor ajudant> Mostra l'editor ajudant."
• A la barra del selector de l'editor, feu clic a "Automàtic" i, a continuació, seleccioneu "Automàtic> ViewController.swift."
• En aquest punt, tant el fitxer ViewController.swift com el Storyboard haurien de ser visibles a la pantalla. Al fitxer ViewController.swift, busqueu la línia següent i afegiu-hi algunes línies d'espai buit sota d'ella:

class ViewController: UIViewController {

• Seleccioneu al vostre Storyboard l’element de la interfície d’interès per tal de ressaltar el color blau.
• Controlar-arrossegueu el botó cap a l’espai buit que acaba de crear al fitxer ViewController.swift. Hauria d'aparèixer una línia blava que indiqui on es crearà el mètode d'acció.

• Si no esteu satisfets amb la posició del mètode, deixeu anar el botó i apareixerà una finestra emergent.
• Al popup, obriu el menú desplegable "Connexió" i seleccioneu "Acció".
• A continuació, obriu el menú desplegable "Esdeveniment" i seleccioneu "Toqueu dins", que és un esdeveniment que s'activarà cada vegada que l'usuari aixequi el dit dins del botó.
• Dóna-li a aquesta acció el nom “alertController”.
• Feu clic a "Connecta".

Ara Xcode crearà el següent mètode "alertController":

@IBAction func alertController (_ remitent: Qualsevol) {}

Anem a desglossar exactament el que passa aquí:

1. Indiqueu que aquest mètode és una acció

L’atribut “IBAction” exposa aquest mètode a l’Interface Builder com a acció, que permet connectar aquest mètode als objectes d’UI:

@IBAction

2. Declareu el mètode

A Swift, declarem un mètode mitjançant la paraula clau "func", seguit del nom del mètode:

func alertControlle ()

3. Defineix alguns paràmetres

A continuació, definim alguns paràmetres opcionals dins d’un conjunt de parèntesis, que el nostre mètode utilitzarà com a entrada.

Cada conjunt de paràmetres ha de tenir un nom i un tipus, separats per dos punts (:).

func alertController (_ remitent: Qualsevol) {

Aquí, el mètode accepta un paràmetre "remitent", que fa referència a l'objecte responsable de desencadenar l'acció, és a dir, el nostre botó. També estem afirmant que aquest paràmetre pot ser del tipus "Qualsevol".

Ara, sempre que l'usuari toqui el botó, la nostra aplicació invocarà el mètode alertController (_ sender :).

Comproveu la connexió

Després de crear el nostre mètode “alertController”, podem comprovar que estigui correctament connectat al botó:

• A l’àrea de navegació, seleccioneu el fitxer “Main.storyboard”.
• A la barra de menús de Xcode, seleccioneu "Veure> Utilitats> Mostrar inspector de connexions". Ara s'hauria d'obrir l'Inspector de connexions a la part dreta de l'espai de treball Xcode.
• A la zona de l'editor, seleccioneu el botó.

L’Inspector de connexions ara hauria de mostrar alguna informació sobre aquest botó, inclosa la secció “Esdeveniments enviats”, que conté una llista d’esdeveniments disponibles i el mètode corresponent que s’anomenarà sempre que es produeixi cada esdeveniment.

Podem veure que l’esdeveniment “Touch Up Inside” està connectat al nostre mètode “alertController”, de manera que sabem que cada vegada que l’usuari interactua amb aquest botó s’anomenarà el mètode “alertController”.

Tanmateix, hi ha un problema: en realitat no hem definit què hauria de passar quan es diu el mètode “alertController”.

Creació d’un diàleg d’alerta

A iOS, podeu crear una alerta mitjançant UIAlertController, que és aproximadament equivalent a l'AlertDialog d'Android.

Obriu el fitxer ViewController.swift i afegiu el següent:

class ViewController: UIViewController {@IBAction fun showAlert (_ remitent: Qualsevol) {let alertController = UIAlertController (title: "Title",: "Hello, world!", preferitStyle: .alert) alertController.addAction (UIAlertAction (títol: "Cancel·la" ", style: .default)) self.present (alertController, animat: true, completament: nil)}

Analitzem de forma exacta el que passa aquí:

1. Declara una constant

A Swift, declareu constants amb la paraula clau "let", de manera que comencem per declarar una constant anomenada alertController:

deixar alertaController

2. Definiu el contingut del contingut

Ara podem definir el títol de l’alerta i:

let alertController = UIAlertController (title: "Títol",: "Hola, món!")

3. Estableix l'estil

Com que es tracta d'una alerta, estic utilitzant l'estil "Alerta":

let alertController = UIAlertController (title: "Títol",: "Hola, món!", preferit Estil: .alert)

4. Afegiu una acció

A continuació, afegirem un botó d’acció mitjançant el mètode addAction ():

alertController.addAction (UIAlertAction (títol: "Cancel·la", estil: .default))

5. Mostrar l'alerta

Un cop hàgim configurat el nostre objecte UIAlertController, estem preparats per mostrar-lo a l’usuari. Al següent fragment, demanem al ViewController que presenti l’objecte alertController amb una animació:

self.present (alertController, animat: true, finalització: nil)}

Prova de l'aplicació iOS completada

Ara és hora de posar a prova el nostre projecte:

• Seleccioneu el botó "Executar" a la barra d'eines de Xcode.
• Una vegada que l'aplicació aparegui al simulador d'iOS, feu un clic al botó; la vostra alerta ara apareixerà a la pantalla.

Embalatge

En aquest tutorial, hem obtingut una experiència pràctica per desenvolupar iOS. Hem creat una aplicació senzilla, formada per un botó i una alerta, alhora que ens familiaritzem amb l’ID Xcode i el llenguatge de programació Swift.

Teniu previst començar a desenvolupar aplicacions per a iPhone i iPad? O preferiu les eines de desenvolupament multiplataforma com Flutter? Feu-nos-ho saber als comentaris a continuació!