En aquesta secció, aprendràs a crear el teu primer projecte a Xcode. Aquest és un pas fonamental per començar a desenvolupar aplicacions per a iOS, macOS, watchOS i tvOS. Segueix aquests passos per configurar el teu entorn de desenvolupament i crear una aplicació bàsica.
- Obrir Xcode
- Inicia Xcode: Fes clic a la icona de Xcode al Dock o busca "Xcode" a Spotlight i obre'l.
- Pantalla de benvinguda: Si és la primera vegada que obres Xcode, veuràs la pantalla de benvinguda. Aquí pots crear un nou projecte, obrir un projecte existent o clonar un projecte des d'un repositori.
- Crear un Nou Projecte
- Selecciona "Create a new Xcode project": A la pantalla de benvinguda, fes clic a "Create a new Xcode project".
- Tria un Template: Xcode ofereix diversos templates per a diferents tipus d'aplicacions. Per aquest exemple, seleccionarem "App" sota la secció "iOS" i fes clic a "Next".
- Configurar el Projecte
- Nom del Projecte: Introdueix un nom per al teu projecte. Per exemple, "MyFirstApp".
- Organització: Introdueix el nom de la teva organització o el teu nom personal.
- Identificador de l'Organització: Aquest és un identificador únic per a la teva organització. Normalment es fa servir el format de domini invers, com "com.elmeudomini".
- Identificador del Bundle: Aquest es generarà automàticament combinant l'identificador de l'organització i el nom del projecte.
- Idioma: Assegura't que "Swift" estigui seleccionat com a llenguatge de programació.
- Interfície d'Usuari: Selecciona "Storyboard" per a aquest exemple.
- Opcions: Desmarca totes les opcions addicionals per simplificar el projecte inicial. Fes clic a "Next".
- Guardar el Projecte
- Ubicació del Projecte: Tria una ubicació al teu ordinador on desar el projecte.
- Control de Versions: Pots optar per crear un repositori Git per al teu projecte seleccionant l'opció "Create Git repository on my Mac". Fes clic a "Create".
- Entenent l'Estructura del Projecte
Un cop creat el projecte, Xcode t'obre la finestra principal del projecte. Aquí tens una breu descripció dels components principals:
- Navigator Area: A l'esquerra, on pots veure tots els fitxers del teu projecte.
- Editor Area: Al centre, on editaràs el codi i els dissenys de la teva aplicació.
- Utility Area: A la dreta, on pots veure les propietats dels elements seleccionats.
- Toolbar: A la part superior, amb botons per executar, parar i gestionar el teu projecte.
- Executar l'Aplicació
- Selecciona un Simulador: A la barra d'eines, selecciona un simulador de dispositiu, com "iPhone 12".
- Executa l'Aplicació: Fes clic al botó de "Play" a la barra d'eines. Xcode compilarà el projecte i l'executarà al simulador seleccionat.
- Explorant el Projecte
Ara que tens el teu projecte en funcionament, pots explorar els fitxers generats per Xcode:
- Main.storyboard: Aquí és on dissenyaràs la interfície d'usuari de la teva aplicació.
- ViewController.swift: Aquest fitxer conté el codi de la lògica de la teva aplicació.
- AppDelegate.swift: Aquest fitxer gestiona els esdeveniments de l'aplicació, com el llançament i la terminació.
Exercici Pràctic
Objectiu:
Crear una aplicació simple que mostri un missatge de benvinguda a la pantalla.
Passos:
-
Obre
Main.storyboard
. -
Afegeix un Label:
- Arrossega un
Label
des de la biblioteca d'objectes a la vista principal. - Centra el
Label
a la pantalla. - Canvia el text del
Label
a "Benvingut a la meva primera aplicació!".
- Arrossega un
-
Executa l'Aplicació:
- Selecciona el simulador i fes clic a "Play".
Solució:
// No es requereix codi addicional per aquest exercici, només la configuració de la interfície a Main.storyboard.
Conclusió
Has creat el teu primer projecte a Xcode i has après a executar-lo en un simulador. Aquest és el primer pas per convertir-te en un desenvolupador d'aplicacions per a les plataformes d'Apple. En les següents seccions, aprofundirem en la programació amb Swift i en la creació d'interfícies d'usuari més complexes.
Dominar Xcode: De Principiant a Avançat
Mòdul 1: Introducció a Xcode
- Començant amb Xcode
- Entenent la Interfície de Xcode
- Creant el teu Primer Projecte Xcode
- Navegació Bàsica de Xcode
Mòdul 2: Conceptes Bàsics de Swift a Xcode
- Introducció a la Programació en Swift
- Variables i Constants
- Tipus de Dades i Operadors
- Flux de Control
- Funcions i Closures
Mòdul 3: Construint Interfícies d'Usuari
- Introducció a Interface Builder
- Dissenyant amb Storyboards
- Auto Layout i Constriccions
- Utilitzant les Previsualitzacions de Xcode
- Creant Components UI Personalitzats
Mòdul 4: Treballant amb Dades
Mòdul 5: Depuració i Proves
- Conceptes Bàsics de Depuració
- Utilitzant Breakpoints
- Proves Unitàries
- Proves d'Interfície d'Usuari
- Proves de Rendiment
Mòdul 6: Funcions Avançades de Xcode
- Utilitzant Instruments per a l'Optimització del Rendiment
- Tècniques Avançades de Depuració
- Configuracions de Compilació Personalitzades
- Scripting amb Xcode
- Integració amb Sistemes d'Integració Contínua
Mòdul 7: Desplegament d'Aplicacions
- Preparant per a la Submissió a l'App Store
- Creant Captures de Pantalla per a l'App Store
- Gestionant les Metadades de l'App Store
- Enviant la teva Aplicació
- Millors Pràctiques Post-Submissió