Desarrollo de Aplicaciones iOS

237 Pages·2012·14.29 MB·Spanish

Desarrollo de Aplicaciones iOS
Índice
1El entornoXcode..........................................................................................................4
1.1Estructuradelproyecto............................................................................................8
1.2Propiedadesdelproyecto.......................................................................................11
1.3Configuraciones.....................................................................................................15
1.4Localización...........................................................................................................16
1.5Esquemasyacciones..............................................................................................18
1.6Recursosygrupos..................................................................................................20
1.7InterfaceBuilder....................................................................................................22
1.8Organizer................................................................................................................23
1.9RepositoriosSCM..................................................................................................25
1.10Snapshots..............................................................................................................32
1.11Ejecuciónyfirma.................................................................................................33
2EjerciciosdeXcode....................................................................................................40
2.1CreacióndeunproyectoconXcode......................................................................40
2.2Iconosyrecursos....................................................................................................40
2.3Localización...........................................................................................................40
3Introduccióna Objective-C........................................................................................42
3.1Tiposdedatos........................................................................................................42
3.2Directivas...............................................................................................................44
3.3Pasodemensajes....................................................................................................48
3.4Clasesyobjetos......................................................................................................49
3.5Protocolos..............................................................................................................60
3.6Categoríasyextensiones........................................................................................61
3.7AlgunasclasesbásicasdeCocoaTouch................................................................62
4EjerciciosdeObjective-C...........................................................................................74
4.1Manejodecadenas.................................................................................................74
Copyright©2013Dept.CienciadelaComputacióneIAAllrightsreserved.
DesarrollodeAplicacionesiOS
4.2Creacióndeobjetos................................................................................................74
4.3Manejodefechas(*)..............................................................................................75
4.4Gestióndeerrores(*).............................................................................................75
5Propiedades,coleccionesygestióndelamemoria....................................................77
5.1Propiedadesdelosobjetos.....................................................................................77
5.2Coleccionesdedatos..............................................................................................85
5.3Key-Value-Coding(KVC).....................................................................................93
5.4Programaciónde eventos.......................................................................................95
5.5Introspección........................................................................................................100
5.6Ciclodevidadelasaplicaciones.........................................................................103
6Ejerciciosdepropiedadesycolecciones..................................................................105
6.1Propiedades..........................................................................................................105
6.2Listas....................................................................................................................105
6.3Temporizadores(*)..............................................................................................105
6.4GestióndememoriaconARC.............................................................................106
7Vistas........................................................................................................................107
7.1PatrónModelo-Vista-Controlador(MVC)..........................................................107
7.2Jerarquía devistas,ventanas,ycontroladores.....................................................107
7.3CreacióndevistasconInterfaceBuilder.............................................................110
7.4Creacióndevistasdeformaprogramática...........................................................118
7.5Propiedadesdelasvistas......................................................................................122
7.6Controlesbásicos.................................................................................................123
8Ejerciciosdevistas...................................................................................................126
8.1Creacióndelavista conInterface Builder...........................................................126
8.2Conexióndecomponentesmedianteoutlets........................................................127
8.3Controlesyacciones............................................................................................128
8.4Imágenes..............................................................................................................129
8.5CargadecomponentesdelNIB...........................................................................129
8.6Almacenamiento(*).............................................................................................130
8.7Creaciónprogramáticadecomponentes(*)........................................................131
9Controladores...........................................................................................................132
9.1Creacióndeuncontroladorpropio......................................................................132
2
Copyright©2013Dept.CienciadelaComputacióneIAAllrightsreserved.
DesarrollodeAplicacionesiOS
9.2Controladorpara lastablas...................................................................................137
9.3Controladordebúsqueda.....................................................................................147
10Ejerciciosdecontroladores.....................................................................................156
10.1Creacióndeuncontroladorpropio.....................................................................156
10.2Edicióndetablas................................................................................................157
10.3Búsqueda(*)......................................................................................................158
11Transicionesystoryboards.....................................................................................160
11.1Controladoresmodales.......................................................................................160
11.2Controladordenavegación.................................................................................161
11.3Controladordebarradepestañas.......................................................................166
11.4Usodestoryboards.............................................................................................168
12Ejerciciosdetransicionesystoryboards.................................................................173
12.1Pestañas..............................................................................................................173
12.2Aplicaciónbasadaenstoryboards......................................................................174
13ComponentesparaiPadyaplicacionesuniversales................................................181
13.1Componentesespecíficospara iPad...................................................................181
13.2Aplicacionesuniversales....................................................................................204
14ComponentesparaiPadyaplicacionesuniversales-Ejercicios............................214
14.1ProgramandounaaplicaciónparaiPadconSplitView(1)...............................214
14.2ProgramandounaaplicaciónparaiPadconSplitView(2)...............................214
14.3ProgramandounaaplicaciónparaiPadconSplitViewusandoXCode4.2......215
14.4Programandounaaplicaciónuniversal..............................................................215
14.5ProgramandounaaplicaciónparaiPadconunPopover....................................216
15Guíasde estiloypersonalizacionesavanzadas.......................................................217
15.1Guíasde estiloeniOS........................................................................................217
15.2Personalizaciónavanzada:celdas.......................................................................225
15.3PersonalizacióndeToolBars..............................................................................231
16Guíasde estiloypersonalizacionesavanzadas-Ejercicios...................................235
16.1Personalizandolasceldasde unTableView(1)................................................235
16.2Personalizandolasceldasde unTableView(2)................................................236
16.3PersonalizandounToolBar...............................................................................236
3
Copyright©2013Dept.CienciadelaComputacióneIAAllrightsreserved.
DesarrollodeAplicacionesiOS
1. El entorno Xcode
Para desarrollar aplicaciones iOS (iPod touch, iPhone, iPad) deberemos trabajar con una
serie de tecnologías y herramientas determinadas. Por un lado, deberemos trabajar con el
IDE Xcode dentro de una máquina con el sistema operativo MacOS instalado, cosa que
únicamente podremos hacer en ordenadores Mac. Por otro lado, el lenguaje que
deberemos utilizar es Objective-C, una extensión orientada a objetos del lenguaje C, pero
muy diferente a C++. Además, deberemos utilizar la librería Cocoa Touch para crear una
interfaz para las aplicaciones que pueda ser visualizada en un dispositivo iOS. Vamos a
dedicar las primeras sesiones del módulo a estudiar fundamentalmente el entorno Xcode y
el lenguaje Objective-C, pero introduciremos también algunos elementos básicos de
CocoaTouchparaasípoderpracticardesde unprimer momentoconaplicacionesiOS.
Comenzaremos viendo cómo empezar a trabajar con el entorno Xcode. Vamos a
centrarnos en la versión 4.2 de dicho IDE, ya que es la que se está utilizando actualmente
ycuentacongrandesdiferencesrespectoa suspredecesoras.
Al abrir el entorno, lo primero que deberemos hacer es crear un nuevo proyecto con File
> New > New Project.... En el asistente para la creación del proyecto nos dará a elegir
una serie de plantillas de las que partir. En el lateral izquierdo vemos una serie de
categorías de posibles plantillas, y en la parte central vemos las plantillas de la categoría
seleccionada. Vemos además que las categorías se dividen en iOS y Mac OS X. Como es
evidente,nosinteresaránaquellasdela seccióniOS.
4
Copyright©2013Dept.CienciadelaComputacióneIAAllrightsreserved.
DesarrollodeAplicacionesiOS
Tiposdeproyectos
Lascategoríasque encontramosson:
• Application:Estossonloselementosquenosinteresarán.Conellospodemoscrear
diferentesplantillasdeaplicacionesiOS.Encontramosplantillasparalosestilosde
navegaciónmáscomunesenaplicacionesiOS,que estudiaremosconmayor
detenimientomásadelante,ytambiénalgunaplantilla básicacomoEmpty
Application,quenocreamáscomponentesqueunaventanavacía.Deberemoselegir
aquellaplantilla quemásseajuste altipodeaplicaciónquevayamosarealizar.La
máscomúnenaplicacionesiOSesMaster-DetailApplication(enversionesanteriores
deXcodeeltipoequivalentesellamabaNavigation-basedApplication),por loque
serálaque utilicemosdurantelasprimerassesiones.
• Framework &Library:Nospermitirácrearlibreríasoframeworks quepodamos
utilizarennuestrasaplicacionesiOS.Nose podránejecutardirectamentecomouna
aplicación,peropuedenserintroducidosendiferentesaplicaciones.
• Other:Aquíencontramosla opcióndecrear unnuevoproyectovacío,sinutilizar
ningunaplantilla.
Tras seleccionar un tipo de proyecto, nos pedirá el nombre del producto y el identificador
de la compañía. El nombre del producto será el nombre que queramos darle al proyecto y
a nuestra aplicación, aunque más adelante veremos que podemos modificar el nombre que
se muestra al usuario. El identificador de la compañía se compone de una serie de cadenas
en minúscula separadas por puntos que nos identificarán como desarrolladores.
Normalmente pondremos aquí algo similar a nuestra URL escrita en orden inverso (como
se hace con los nombres de paquetes en Java). Por ejemplo, si nuestra web es
jtech.ua.es, pondremos como identificador de la compañía es.ua.jtech. Con el
nombre del producto junto al identificador de la compañía compondrá el identificador del
paquete (bundle) de nuestra aplicación. Por ejemplo, una aplicación nuestra con nombre
EspecialistaMoviles,tendríaelidentificadores.ua.jtech.EspecialistaMoviles.
Podremos también especificar un prefijo para las clases de nuestra aplicación. En
Objective-C no existen los paquetes como en lenguaje Java, por lo que como espacio de
nombres para las clases es habitual utilizar un determinado prefijo. Por ejemplo, si
estamos desarrollando una aplicación de la Universidad de Alicante, podríamos
especificar como prefijo UA, de forma que todas las clases de nuestra aplicación llevarán
ese prefijo en su nombre y nos permitirá distinguirlas de clases de librerías que estemos
utilizando, y que podrían llamarse de la misma forma que las nuestras si no llevasen
prefijo.
5
Copyright©2013Dept.CienciadelaComputacióneIAAllrightsreserved.
DesarrollodeAplicacionesiOS
Datosdelproyecto
Bajo los campos anteriores, aparece un desplegable que nos permite elegir a qué tipo de
dispositivos vamos a destinar la aplicación: iPhone, iPad, o Universal. Las aplicaciones
de iPhone se pueden ver en el iPad emuladas, pero en un recuadro del tamaño del iPhone.
Las de iPad sólo son compatibles con el iPad, mientras que las aplicaciones Universales
con compatibles con ambos dispositivos y además su interfaz de adapta a cada uno de
ellos. Por ahora comenzaremos realizando aplicaciones únicamente para iPhone, y más
adelanteveremoscómodesarrollaraplicacionespara iPadyaplicacionesUniversales.
También tendremos cuatro checkboxes que para añadir Storyboards, Core Data,
Automatic Reference Counting (ARC) y pruebas de unidad a nuestra aplicación. Por
ahoravamosadesmarcarlos.Másadelanteestudiaremosdichoselementos.
Tras rellenar estos datos, pulsaremos Next y para finalizar tendremos que seleccionar la
ubicación del sistema de archivos donde guardar el proyecto. Se creará un directorio con
el nombre de nuestro proyecto en la localización que indiquemos, y dicho directorio
contendrátodosloscomponentesdelproyecto.
Nota
En la ventana de selección de la ubicación en la que guardar el proyecto nos dará también la
opción de crear automáticamente un repositorio SCM local de tipo Git para dicho proyecto. Por
elmomentovamosautilizardichorepositorio,yaqueloúnicoquetendremosquehaceresdejar
marcada la casilla y Xcode se encargará de todo lo demás. Más adelante veremos como subir el
proyectoaunrepositorioremotopropio.
6
Copyright©2013Dept.CienciadelaComputacióneIAAllrightsreserved.
DesarrollodeAplicacionesiOS
AspectodelentornoXcode
Una vez creado el proyecto, veremos la ventana principal del entorno Xcode. Podemos
distinguirlassiguientessecciones:
• Navegador:Aladerechavemoslosartefactosdelosque se componeelproyecto,
organizadosenunaseriedegrupos.Esta secciónse componedevariaspestañas,que
nospermitiránnavegarporotrostiposde elementos,comoporejemploporlos
resultadosdeunabúsqueda,opor losresultadosde laconstruccióndelproyecto
(erroresywarnings).
• Editor:Enlapartecentralde lapantallavemoseleditorenelquepodremostrabajar
conelficheroqueestéactualmente seleccionadoenelnavegador.Dependiendodel
tipodefichero,editaremoscódigofuente,unficherodepropiedades,olainterfazde
laaplicacióndeforma visual.
• Botonesdeconstrucción:Enlaparte superiorizquierda vemosunaseriedebotones
quenosserviránparaconstruiryejecutar la aplicación.
• Estado:Enlapartecentraldelapartesuperior veremosla informacióndeestadodel
entorno,dondesemostraránlasaccionesque seestánrealizandoenunmomentodado
(comocompilaroejecutarelproyecto).
• Opcionesde lainterfaz:Enlaparte derecha delabarrasuperiortenemosuna serie
debotonesquenospermitiránalterarelaspectode la interfaz,mostrandouocultando
algunoselementos,comopuedeser la vistadenavegación(alaizquierda),laconsola
dedepuraciónybúsqueda(abajo),yla barra deutilidadesyayudarápida(derecha).
Tambiénpodemosabrirunasegunda ventanade Xcodeconocidacomo Organizer,
quenospermitirá,entreotrascosas,gestionar losdispositivosconlosquecontamoso
navegarporladocumentación.Másadelanteveremosdichaventanaconmásdetalle.
7
Copyright©2013Dept.CienciadelaComputacióneIAAllrightsreserved.
DesarrollodeAplicacionesiOS
Recomendación
Resultabastanteútilmantenerabiertalavistadeayudarápidaaladerechadelapantalla,yaque
conforme editamos el código aquí nos aparecerá la documentación de los elementos de la API
sobrelosqueseencuentreelcursor.
En este momento podemos probar a ejecutar nuestro proyecto. Simplemente tendremos
que pulsar el botón de ejecutar (en la parte superior izquierda), asegurándonos que junto a
él en el cuadro desplegable tenemos seleccionado que se ejecute en el simulador del
iPhone. Al pulsar el botón de ejecución, se mostrará el progreso de la construcción del
proyecto en la parte superior central, y una vez finalizada se abrirá una ventana con un
emulador de iPhone y se ejecutará nuestra aplicación en él, que actualmente será
únicamente una pantalla con una barra de navegación y una lista vacía. En la barra de
menús del simulador podemos encontrar opciones para simular diferentes condiciones del
hardware,comoporejemplolosgirosdeldispositivo.
Simulador deiPhone
1.1. Estructura del proyecto
En la zona del navegador podemos ver los diferentes elementos que componen nuestro
proyecto. Los tipos de ficheros que encontraremos normalmente en un proyecto
Objective-Csonlossiguiente:
• .m:Elcódigofuente Objective-Cseguarda enficherosconextensión.m,porloque
8
Copyright©2013Dept.CienciadelaComputacióneIAAllrightsreserved.
DesarrollodeAplicacionesiOS
eseseráelformatoqueencontraremosnormalmente,aunquetambiénsepodráutilizar
códigoC (.c)estándar,C++(.cpp, .cc),uObjective-CcombinadoconC++(.mm).
• .h:Tambiéntenemoslosficherosdecabeceras(.h).LasclasesdeObjective-Cse
componendeunfichero.myunfichero.hconelmismonombre.
• .xib:Tambiénencontramos.xib(tambiénconocidoscomo nib,yaqueeste essu
formatounavezcompilados)que sonlosficherosquecontienenelcódigodela
interfaz,yqueenelentornoseeditarándeforma visual.
• .plist:Formatodeficherodepropiedadesqueestudiaremosmásadelantecon
mayordetenimiento,yqueseutiliza paraalmacenar unalistadepropiedades.
Resultanmuyútilespara guardar losdatosolaconfiguracióndenuestraaplicación,
yaqueresultanmuyfácilesdeeditardesde elentorno,ymuyfácilesdeleeryde
escribirdesdeelprograma.
• .strings:Elformato.stringsdefineunficheroenelque sedefinenunaserie de
cadenasdetexto,cada unadeellasasociada aunidentificador,deformaquecreando
variasversionesdelmismofichero.stringstendremosla aplicaciónlocalizadaa
diferentesidiomas.
• .app:Eselresultadodeconstruiryempaquetar la aplicación.Esteficheroeselque
deberemossubira iTunesparasupublicaciónenlaAppStore.
Estos diferentes tipos de artefactos se pueden introducir en nuestro proyecto organizados
por grupos. Es importante destacar que los grupos no corresponden a ninguna
organización en el disco, ni tienen ninguna repercusión en la construcción del proyecto.
Simplemente son una forma de tener los artefactos de nuestro proyecto organizados en el
entorno, independientemente del lugar del disco donde residan realmente. Los grupos se
muestranenelnavegadorconeliconode una carpetaamarilla.
Configuracióndelproyectocreado
Enlaplantillaquenoshacreadoencontramoslossiguientesgruposdeartefactos:
9
Copyright©2013Dept.CienciadelaComputacióneIAAllrightsreserved.
DesarrollodeAplicacionesiOS
• Fuentes(estánenungrupoconelmismonombredelproyecto,ennuestrocaso
EspecialistaMoviles).Aquíse guardantodoslosficherosdecódigofuenteque
componenlaaplicación(códigofuente.m,cabeceras.hyficherosde lainterfaz
.xib).
• Soporte(dentrodelgrupodefuentes,enunsubgrupoSupportingfiles).Aquí
encontramosalgunosrecursosadicionales,comoelficheromain.m,queeselpuntode
arranquedelaaplicación,yquenosotrosnormalmentenodeberemostocar,elfichero
Proyecto-Prefix.pch,quedefine unprefijoconuna seriedeimportsquese
aplicaránatodoslosficherosdelproyecto(normalmenteparaimportarlaAPIde
CocoaTouch), Proyecto-Info.plist,quedefine una seriedepropiedadesde la
aplicación(nombre,identificador,versión,icono,tiposdedispositivossoportados,
etc),yporúltimoInfoPlist.strings,dondese externalizanlascadenasde texto
quesenecesitasenutilizarenelfichero.plistanterior,para asípoderlocalizarla
aplicaciónfácilmente.
• Frameworks:Aquísemuestranlosframeworksquela aplicaciónestáutilizando
actualmente.PordefectonoshabráincluidoUIKit,conla API de la interfazde Cocoa
Touch,Foundation,conlaAPIbásica depropósitogeneral(cadenas,arrays,fechas,
URLs,etc),yCoreGraphics,conla APIbásicade gráficos(fuentes,imágenes,
geometría).
• Products:Aquívemoslosresultadosde construir la aplicación.Veremosunfichero
EspecialistaMoviles.appenrojo,ya que dichoficherotodavíanoexiste,esel
productoquesegenerarácuandose construya la aplicación.Esteficheroeselpaquete
(bundle)quecontendrá laaplicacióncompiladaytodoslosrecursosyficherosde
configuraciónnecesariosparasuejecución.EstoesloquedeberemosenviaraApple
parasupublicaciónenlaAppStoreuna vezfinalizadalaaplicación.
Sin embargo, si nos fijamos en la estructura de ficheros que hay almacenada realmente en
eldiscopodemosverque dichosgruposnoexisten:
Estructurade ficherosdelproyecto
Vemos que tenemos en el directorio principal un fichero con extensión xcodeproj. Este
es el fichero con la configuración de nuestro proyecto, y es el que deberemos seleccionar
para abrir nuestro proyecto la próxima vez que vayamos a trabajar con él (haciendo
doble-click sobre él se abrirá Xcode con nuestro proyecto). A parte de este fichero,
tenemos un directorio con el nombre del proyecto que contiene todos los ficheros al
mismo nivel. La única excepción son los ficheros que hay en un directorio de nombre
10
Copyright©2013Dept.CienciadelaComputacióneIAAllrightsreserved.