Introducción al desarrollo en

Windows 8 y Windows Phone 8

Josué Yeray Julián Ferreiro
Rafael Serna Medina
Ibón Landa Martín

INTRODUCCIÓN AL DESARROLLO EN WINDOWS 8 Y WINDOWS
PHONE 8
No está permitida la reproducción total o parcial de este libro, ni su tratamiento informático, ni la
transmisión de ninguna forma o por cualquier medio, ya sea electrónico, mecánico, por fotocopia,
por registro u otros métodos, sin el permiso previo y por escrito de los titulares del Copyright.
Diríjase a CEDRO (Centro Español de Derechos Reprográficos, www.cedro.org) si necesita
fotocopiar o escanear algún fragmento de esta obra.
DERECHOS RESERVADOS © 2012, respecto a la primera edición en español, por
Krasis Consulting, S. L.
www.Krasis.com
ISBN: 978-84-939659-4-5
Depósito Legal: VG 750-2012
Impreso en España-Printed in Spain

CREATIVIDAD:
Diseño cubierta: Pablo Iglesias Francisco
Frutas cubierta: Las cuatro frutas elegidas (Naranja, mandarina, limón y lima) son cítricos
del género Citrus que pertenecen a la familia de las Rutáceas. Esta familia comprende más de 1.600
especies. El género botánico Citrus es el más 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 más cultivado de todos los cítricos, siendo la especie más importante del género
Citrus. Tras ella le siguen en importancia sus parientes más próximos: 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 días ausente tras el teclado. También 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 día. A todos, gracias con el corazón.”
Josué Yeray Julián
“A Susana, mi mujer, realmente sin ella muchas de las cosas que hago no serian
posibles, gracias por tu comprensión y tu paciencia”
Rafael Serna
“A mi hija Laia, que sin lugar a dudas es lo mejor que me ha pasado”
Ibón Landa

Contenido
AGRADECIMIENTOS ................................................................................................. 3
CONTENIDO ............................................................................................................... 4
AUTORES ..................................................................................................................... 7
CAPÍTULO 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.- Multiresolución 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

CAPÍTULO 2: MVVM................................................................................................ 37
1.2.3.4.-

Introducción................................................................................................................................ 37
Enlace a datos ............................................................................................................................. 39
ViewModel................................................................................................................................... 41
Notificación 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
CAPÍTULO 3: XAML ................................................................................................ 63
1.- Introducción................................................................................................................................ 63
2.- XAML............................................................................................................................................ 63
3.- Interfaz de usuario en Windows 8 ........................................................................................ 66
3.1.- Composición de la pantalla ......................................................................................... 66
3.1.1.- Marco ........................................................................................................................ 66
3.1.2.- Página ........................................................................................................................ 68
3.1.3.- Elementos................................................................................................................. 69
4.- Interfaz de usuario en Windows Phone 8 ........................................................................... 70
4.1.- Composición de pantalla .............................................................................................. 70
4.1.1.- Marco ........................................................................................................................ 70
4.1.2.- Página ........................................................................................................................ 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
CAPÍTULO 4: INTERFAZ DE USUARIO ........................................................... 103
1.- Introducción.............................................................................................................................. 103
2.- Interfaz de usuario en Windows Store .............................................................................. 103
2.1.- Conceptos preliminares ............................................................................................. 104
2.1.1.- Grid System ........................................................................................................... 104
2.1.2.- Tipografía................................................................................................................ 105

vi Introducción al desarrollo en Windows 8 y Windows Phone 8

2.2.- Modos de Visualización .............................................................................................. 105
2.3.- Navegación .................................................................................................................... 111
2.4.- GridView ........................................................................................................................ 117
2.4.1.- Zoom Semántico.................................................................................................. 125
2.5.- FlipView .......................................................................................................................... 130
2.6.- Localización ................................................................................................................... 133
3.- Interfaz de usuario en Windows Phone 8......................................................................... 137
3.1.- Resoluciones ................................................................................................................. 137
3.2.- Orientación ................................................................................................................... 140
3.3.- Navegación .................................................................................................................... 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.- Localización ................................................................................................................... 158
CAPÍTULO 5: PUBLICACIÓN DE NUESTRAS APLICACIONES..................167
1.- INTRODUCCIÓN.................................................................................................................. 167
2.- Publicación en la Windows Store........................................................................................ 167
2.1.- Creación de una cuenta de desarrollador. ............................................................ 168
2.2.- Creación de la aplicación en la Store. .................................................................... 170
2.3.- Preparación de nuestras aplicaciones. .................................................................... 172
2.4.- Envío de las aplicaciones a la Store. ........................................................................ 176
2.5.- Seguimiento de nuestras aplicaciones..................................................................... 180
3.- Publicación en la Windows Phone Store........................................................................... 181
3.1.- Creación de una cuenta de desarrollador. ............................................................ 181
3.2.- Preparación de nuestras aplicaciones para publicar............................................ 182
3.3.- Creación y envío de la aplicación en la Store....................................................... 185
ÍNDICE ANALÍTICO...............................................................................................189

vi

Autores
Josué Yeray Julián
Tiene más de 10 años de experiencia trabajando con
tecnologías 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 españoles, dando charlas
allí donde le dejan. Ha sido reconocido con los galardones Nokia
Developer Champion y Microsoft MVP en la categoría de
Windows Phone development.
Rafael Serna
Jefe de producto en SDM Programas, programador de
nacimiento e inquieto informáticamente hablando hasta el extremo.
Trabaja desde hace ya más de 12 años desarrollando aplicaciones
de gestión para la pequeña y mediana empresa, con tecnologías
Microsoft. Fan y evangelista aficionado de Windows Phone,
participa en eventos y es speaker habitual del grupo de usuarios
.NET de Cantabria.
Ibón Landa:
Lleva más de 10 años dedicado al desarrollo de software, con el
que ha tenido la oportunidad de trabajar en diferentes entornos y
tecnologías. 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
formación, talleres y giras de producto. Ha sido reconocido con el
galardón de Microsoft MVP en la categoría de Windows Azure.