Introduccin al desarrollo en

Windows 8 y Windows Phone 8

Josu Yeray Julin Ferreiro

Rafael Serna Medina
Ibn Landa Martn

INTRODUCCIN AL DESARROLLO EN WINDOWS 8 Y WINDOWS

PHONE 8
No est permitida la reproduccin total o parcial de este libro, ni su tratamiento informtico, ni la
transmisin de ninguna forma o por cualquier medio, ya sea electrnico, mecnico, por fotocopia,
por registro u otros mtodos, sin el permiso previo y por escrito de los titulares del Copyright.
Dirjase a CEDRO (Centro Espaol de Derechos Reprogrficos, www.cedro.org) si necesita
fotocopiar o escanear algn fragmento de esta obra.
DERECHOS RESERVADOS 2012, respecto a la primera edicin en espaol, por
Krasis Consulting, S. L.
www.Krasis.com
ISBN: 978-84-939659-4-5
Depsito Legal: VG 750-2012
Impreso en Espaa-Printed in Spain

CREATIVIDAD:
Diseo cubierta: Pablo Iglesias Francisco
Frutas cubierta: Las cuatro frutas elegidas (Naranja, mandarina, limn y lima) son ctricos
del gnero Citrus que pertenecen a la familia de las Rutceas. Esta familia comprende ms de 1.600
especies. El gnero botnico Citrus es el ms importante del grupo, y consta de unas 20 especies con
frutos comestibles todos ellos muy abundantes en vitamina C, flavonoides y aceites esenciales.
El naranjo dulce es el ms cultivado de todos los ctricos, siendo la especie ms importante del gnero
Citrus. Tras ella le siguen en importancia sus parientes ms prximos: mandarinos, limoneros,
pomelos, limeros y kumquats.

Agradecimientos
Escribir un libro es un sacrificio, no solo para quien lo redacta. Quiero agradecer a
mi mujer Hilda y a mis hijos Roberto, Laura y Sofia, la paciencia infinita que han
tenido conmigo, con mis largos das ausente tras el teclado. Tambin quiero agradecer
a mi padre Amable, mi madre Estrella y mi abuela Josefa, las tres figuras que hicieron
de mi lo que soy hoy en da. A todos, gracias con el corazn.
Josu Yeray Julin
A Susana, mi mujer, realmente sin ella muchas de las cosas que hago no serian
posibles, gracias por tu comprensin y tu paciencia
Rafael Serna
A mi hija Laia, que sin lugar a dudas es lo mejor que me ha pasado
Ibn Landa

Contenido
AGRADECIMIENTOS ................................................................................................. 3
CONTENIDO ............................................................................................................... 4
AUTORES ..................................................................................................................... 7
CAPTULO 1: WINDOWS 8 Y WINDOWS PHONE 8 ...................................... 11
1.- Microsoft Design Style ............................................................................................................. 11
2.- Conociendo Windows 8 ......................................................................................................... 13
2.1.- Windows 8 y el hardware ........................................................................................... 13
2.1.1.- Sistema multitouch ................................................................................................ 13
2.1.2.- NFC ........................................................................................................................... 14
2.1.3.- Sensores ................................................................................................................... 14
2.2.- Windows 8 y el software............................................................................................. 14
2.2.1.- Plataforma de desarrollo ...................................................................................... 14
3.- Conociendo Windows Phone 8 ............................................................................................ 16
3.1.- Windows Phone 8 y el hardware ............................................................................. 16
3.1.1.- Multiresolucin de pantalla.................................................................................. 16
3.1.2.- NFC ........................................................................................................................... 17
3.2.- Windows Phone 8 y el software................................................................................ 17
3.2.1.- Cambio en los frameworks de desarrollo ....................................................... 18
3.2.2.- Otras mejoras......................................................................................................... 18
4.- Herramientas de desarrollo.................................................................................................... 19
4.1.- Herramientas para Windows 8 .................................................................................. 19
4.1.1.- Visual Studio Express para Windows 8............................................................ 20
4.1.2.- Microsoft Blend para Visual Studio ................................................................... 22
4.1.3.- Simulador de Windows 8 .................................................................................... 23
4.1.4.- Windows App Certification Kit ......................................................................... 25
4.2.- Herramientas para Windows Phone 8 ..................................................................... 26
4.2.1.- Visual Studio Express para Windows Phone 8............................................... 27
4.2.2.- Blend para Visual Studio 2012 ............................................................................ 31
4.2.3.- Emulador de Windows Phone 8 ........................................................................ 31
4.2.4.- Application Deployment Tool ............................................................................ 33
4.2.5.- Windows Phone Developer Registration ........................................................ 33
4.2.6.- Simulation Dashboard para Windows Phone ................................................. 33
4.2.7.- Windows Phone Application Analysis .............................................................. 35
4.2.8.- Windows Phone Store Test Kit ......................................................................... 36

iv

Contenido v

CAPTULO 2: MVVM................................................................................................ 37
1.2.3.4.-

Introduccin................................................................................................................................ 37
Enlace a datos ............................................................................................................................. 39
ViewModel................................................................................................................................... 41
Notificacin de cambios........................................................................................................... 44
4.1.- ViewModel Base ............................................................................................................. 46
5.- Converters .................................................................................................................................. 47
6.- Comandos ................................................................................................................................... 52
6.1.- CanExecuteChanged ..................................................................................................... 55
6.2.- DelegateCommand........................................................................................................ 58
7.- ViewModel Locator................................................................................................................... 59
CAPTULO 3: XAML ................................................................................................ 63
1.- Introduccin................................................................................................................................ 63
2.- XAML............................................................................................................................................ 63
3.- Interfaz de usuario en Windows 8 ........................................................................................ 66
3.1.- Composicin de la pantalla ......................................................................................... 66
3.1.1.- Marco ........................................................................................................................ 66
3.1.2.- Pgina ........................................................................................................................ 68
3.1.3.- Elementos................................................................................................................. 69
4.- Interfaz de usuario en Windows Phone 8 ........................................................................... 70
4.1.- Composicin de pantalla .............................................................................................. 70
4.1.1.- Marco ........................................................................................................................ 70
4.1.2.- Pgina ........................................................................................................................ 71
4.1.3.- Elementos................................................................................................................. 73
5.- Elementos de layout.................................................................................................................. 74
5.1.- Canvas............................................................................................................................... 74
5.1.1.- ViewBox ................................................................................................................... 76
5.2.- StackPanel ........................................................................................................................ 76
5.3.- Grid ................................................................................................................................... 78
5.3.1.- Absoluto, auto y asterisco ................................................................................... 81
5.4.- VariableSizedWrapGrid................................................................................................ 85
6.- Personalizando nuestra interfaz ............................................................................................. 87
6.1.- Recursos........................................................................................................................... 88
6.1.1.- Diccionarios de recursos en Windows 8 ........................................................ 90
6.1.2.- Diccionarios de recursos en Windows Phone 8 ........................................... 91
6.2.- Estilos ................................................................................................................................ 92
6.3.- Plantillas ............................................................................................................................ 96
CAPTULO 4: INTERFAZ DE USUARIO ........................................................... 103
1.- Introduccin.............................................................................................................................. 103
2.- Interfaz de usuario en Windows Store .............................................................................. 103
2.1.- Conceptos preliminares ............................................................................................. 104
2.1.1.- Grid System ........................................................................................................... 104
2.1.2.- Tipografa................................................................................................................ 105

vi Introduccin al desarrollo en Windows 8 y Windows Phone 8

2.2.- Modos de Visualizacin .............................................................................................. 105

2.3.- Navegacin .................................................................................................................... 111
2.4.- GridView ........................................................................................................................ 117
2.4.1.- Zoom Semntico.................................................................................................. 125
2.5.- FlipView .......................................................................................................................... 130
2.6.- Localizacin ................................................................................................................... 133
3.- Interfaz de usuario en Windows Phone 8......................................................................... 137
3.1.- Resoluciones ................................................................................................................. 137
3.2.- Orientacin ................................................................................................................... 140
3.3.- Navegacin .................................................................................................................... 142
3.4.- Panorama ....................................................................................................................... 149
3.4.1.- Recomendaciones de uso .................................................................................. 151
3.4.2.- Usando el elemento Panorama ........................................................................ 152
3.5.- Pivot ................................................................................................................................ 154
3.5.1.- Recomendaciones de uso .................................................................................. 156
3.5.2.- Usando el elemento Pivot.................................................................................. 156
3.6.- Localizacin ................................................................................................................... 158
CAPTULO 5: PUBLICACIN DE NUESTRAS APLICACIONES..................167
1.- INTRODUCCIN.................................................................................................................. 167
2.- Publicacin en la Windows Store........................................................................................ 167
2.1.- Creacin de una cuenta de desarrollador. ............................................................ 168
2.2.- Creacin de la aplicacin en la Store. .................................................................... 170
2.3.- Preparacin de nuestras aplicaciones. .................................................................... 172
2.4.- Envo de las aplicaciones a la Store. ........................................................................ 176
2.5.- Seguimiento de nuestras aplicaciones..................................................................... 180
3.- Publicacin en la Windows Phone Store........................................................................... 181
3.1.- Creacin de una cuenta de desarrollador. ............................................................ 181
3.2.- Preparacin de nuestras aplicaciones para publicar............................................ 182
3.3.- Creacin y envo de la aplicacin en la Store....................................................... 185
NDICE ANALTICO...............................................................................................189

vi

Autores
Josu Yeray Julin
Tiene ms de 10 aos de experiencia trabajando con
tecnologas Microsoft. Actualmente est centrado en Windows
Phone y Windows 8, enfocado en el desarrollo de aplicaciones de
movilidad. Mantiene un blog en la comunidad geeks.ms y colabora
activamente con los grupos de usuarios espaoles, dando charlas
all donde le dejan. Ha sido reconocido con los galardones Nokia
Developer Champion y Microsoft MVP en la categora de
Windows Phone development.
Rafael Serna
Jefe de producto en SDM Programas, programador de
nacimiento e inquieto informticamente hablando hasta el extremo.
Trabaja desde hace ya ms de 12 aos desarrollando aplicaciones
de gestin para la pequea y mediana empresa, con tecnologas
Microsoft. Fan y evangelista aficionado de Windows Phone,
participa en eventos y es speaker habitual del grupo de usuarios
.NET de Cantabria.
Ibn Landa:
Lleva ms de 10 aos dedicado al desarrollo de software, con el
que ha tenido la oportunidad de trabajar en diferentes entornos y
tecnologas. Participa de forma activa en la comunidad,
escribiendo su blog, manteniendo un portal sobre Windows Azure
y colaborando con Microsoft y grupos de usuarios en eventos de
formacin, talleres y giras de producto. Ha sido reconocido con el
galardn de Microsoft MVP en la categora de Windows Azure.