LABORATORIO DEWINDOWS PHONE
WINDOWS PHONE
CONTROL PANORAMA
CONTROL PIVOT
Ejercicio: Adictos al Cine
Ejercicio• Crear un Nuevo Proyecto.• Comprender:– Control Panorama: Items– MediaElement.– MediaElement.– Control Pivot: It...
Nuevo Proyecto• Crear nuevo Proyecto en Visual Studiopara Windows Phone
Crear Proyecto
Crear Proyecto
Crear Proyecto• Cambiar el Nombre de la App
Control Panorama• Cambiamos el nombre al Título del Panorama
Control Panorama• Arrastra las imágenes que usas a tu proy.
Control Panorama• Personalizar el fondo:
Control Panorama - Items• Dos Items
Control Panorama - Items• Colocar Tres Items al Panorama
Control Panorama – Item 1• Abre MainViewModel.cs en la carpeta ViewsModels
Control Panorama – Item 1• En LoadData() debe quedar:Porque sólo se visualizan dos lineas?
Control Panorama – Item 1• Cambiar Rectángulos por Imágenes
Control Panorama – Item 2• Agregar un Video
Control Panorama – Item 2
Control Panorama – Item 2• Manejar el Video
Control Panorama – Item 3• Agrega el Proyecto que realizaste en ellab anterior: Convertidor de UnidadesClick derecho sobre...
• Agrega el Proyecto como una referenciapara poder usarlo en tu App Cine:Control Panorama - Item 3Click derechosobresobre“...
Control Panorama - Item 3• Importa la referencia con el espacio de nombres detu Proyecto y el alias “local”Escribe xmlns:l...
• Agrega la App Convertidor de la siguientemanera:En MainPage.xaml de tu App de Peliculas:<controls:PanoramaItem Header="M...
Control Panorama – Item 3• Comenta el botón Volver en lasegundaPagina.xml y coloca en “Auto” lasPropiedades Height de las ...
Control Pivot• Agraga un nuevo elemento
Control Pivot - Items
Control Pivot – Item 1
Control Pivot – Item 2• Inserta Links:
Control Pivot – Item 3
Navegacion Panorama - Pivot
Navegacion Panorama - Pivot
Navegacion Panorama - PivotPrueba tu App!• Seguramente notarás que en el Item 1 del ControlPanorama, todas las películas v...
Paginas de Interés• http://mspcarojujuy.wordpress.com• http://cells.puertadeenlace.net• http://msdn.microsoft.com/en-us/li...
Realiza tu Aplicación:• Realiza una app sobre tu idolo, un• Realiza una app sobre tu idolo, unactor, un deportista o sobre...
Windows Phone 7 Panorama y Pivot
Upcoming SlideShare
Loading in …5
×

Windows Phone 7 Panorama y Pivot

906 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
906
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
33
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Windows Phone 7 Panorama y Pivot

  1. 1. LABORATORIO DEWINDOWS PHONE
  2. 2. WINDOWS PHONE
  3. 3. CONTROL PANORAMA
  4. 4. CONTROL PIVOT
  5. 5. Ejercicio: Adictos al Cine
  6. 6. Ejercicio• Crear un Nuevo Proyecto.• Comprender:– Control Panorama: Items– MediaElement.– MediaElement.– Control Pivot: Items• Usar:– Navegación.– Controles.– Personalización.
  7. 7. Nuevo Proyecto• Crear nuevo Proyecto en Visual Studiopara Windows Phone
  8. 8. Crear Proyecto
  9. 9. Crear Proyecto
  10. 10. Crear Proyecto• Cambiar el Nombre de la App
  11. 11. Control Panorama• Cambiamos el nombre al Título del Panorama
  12. 12. Control Panorama• Arrastra las imágenes que usas a tu proy.
  13. 13. Control Panorama• Personalizar el fondo:
  14. 14. Control Panorama - Items• Dos Items
  15. 15. Control Panorama - Items• Colocar Tres Items al Panorama
  16. 16. Control Panorama – Item 1• Abre MainViewModel.cs en la carpeta ViewsModels
  17. 17. Control Panorama – Item 1• En LoadData() debe quedar:Porque sólo se visualizan dos lineas?
  18. 18. Control Panorama – Item 1• Cambiar Rectángulos por Imágenes
  19. 19. Control Panorama – Item 2• Agregar un Video
  20. 20. Control Panorama – Item 2
  21. 21. Control Panorama – Item 2• Manejar el Video
  22. 22. Control Panorama – Item 3• Agrega el Proyecto que realizaste en ellab anterior: Convertidor de UnidadesClick derecho sobrela Solucion (no ella Solucion (no elproyecto),selecciona la opciónde “Agregar” yluego “Agregar unProyecto Existente”Elegi el nombre de tuproyecto anterior:App Convertidor deUnidades
  23. 23. • Agrega el Proyecto como una referenciapara poder usarlo en tu App Cine:Control Panorama - Item 3Click derechosobresobre“References”,Agregar referenciaElije la PestañaProyectos yselecciona elProyecto, luegoAceptar
  24. 24. Control Panorama - Item 3• Importa la referencia con el espacio de nombres detu Proyecto y el alias “local”Escribe xmlns:local=“ ” ydentro del paréntesisingresa la tecla “c” y sete desplegará un menúte desplegará un menúde opciones, seleccionael nombre del proyectoque agregaste comoreferencia en el pasoanterior.Te debe quedar un código similar, variará el nombre de tu Proyecto
  25. 25. • Agrega la App Convertidor de la siguientemanera:En MainPage.xaml de tu App de Peliculas:<controls:PanoramaItem Header="My App"><local:segundaPagina>Control Panorama – Item 3<local:segundaPagina></controls:PanoramaItem>
  26. 26. Control Panorama – Item 3• Comenta el botón Volver en lasegundaPagina.xml y coloca en “Auto” lasPropiedades Height de las filas, exceptoen la ultima.en la ultima.Prueba tu App!
  27. 27. Control Pivot• Agraga un nuevo elemento
  28. 28. Control Pivot - Items
  29. 29. Control Pivot – Item 1
  30. 30. Control Pivot – Item 2• Inserta Links:
  31. 31. Control Pivot – Item 3
  32. 32. Navegacion Panorama - Pivot
  33. 33. Navegacion Panorama - Pivot
  34. 34. Navegacion Panorama - PivotPrueba tu App!• Seguramente notarás que en el Item 1 del ControlPanorama, todas las películas van al mismoControl Pivot, utilizando lo aprendido reemplaza elcódigo por controles como Imágenes y TextBlock,código por controles como Imágenes y TextBlock,en Grid o StackPanel para que queden de manerasimilar y cada película navegue a su control Pivot.• También puedes realizar cambios como agregarun nuevo Item al Control Pivot y colocar allí lostrailers de cada Película.• Personaliza tu App!
  35. 35. Paginas de Interés• http://mspcarojujuy.wordpress.com• http://cells.puertadeenlace.net• http://msdn.microsoft.com/en-us/library/ff431744(VS.92).aspx• http://www.microsoft.com/design/toolbox/• http://create.msdn.com/en-us/home/getting_started• http://create.msdn.com/en-us/home/getting_startedEmail de Contacto• caro_eve@hotmail.com• nosesiloleo@hotmail.com• matias_alfaro@arnet.com.arCarola VelazquezManuel TolabaMatias Alfaro
  36. 36. Realiza tu Aplicación:• Realiza una app sobre tu idolo, un• Realiza una app sobre tu idolo, unactor, un deportista o sobre un tema.•Agrega enlaces a páginas comoWikipedia, Facebook y Twitterrelacionados a tu tema.•Agrega información relacionadausando los controles vistos.• Personaliza tu app cambiando lasimágenes.Sube tu App a Yallapps

×