1. 7.5
Expression Blend 4

2. METRO
Limpio y Rápido
Contenido vs Adornos
Tipografía al poder
Inmortal

3. METRO

4. METRO

5. Entorno de trabajo
Visual Studio 2010 Código
Expression Blend 4 UX
Emulador

6. Demo
Conociendo
Expression Blend 4

7. Layout
Canvas
Posicionamiento absoluto
Poca carga de procesamiento
StackPanel
Apilar controles
Horizontal / Vertical
Grid
Posicionamiento relativo
UX Fluida

8. Layout - Canvas
Y
X
Button
Canvas.Top
Canvas.Left
Canvas.Right
Canvas.Bottom

9. Layout - StackPanel
Orientation = Vertical
Button
Button
Button
Button
Orientation = Horizontal
Button Button Button

10. Layout - Grid
Column 0 Column 1 Column 2
Row 0 Button
Row 1 Button
Button
Row 2

11. Layout - Panorama

12. Layout - Pivot

13. Demo
Layout

14. Personalización
Estilos (Styles)
Agrupan cambios en propiedades
Aplicación global o específica
Plantillas (Templates)
Definen el árbol visual
Pueden definir estados visuales
Aplicación global o específica

15. Personalización - Estilos
Establecen propiedades
Pueden ser globales
Orden de preferencia: menor

16. Personalización - Plantillas
Establecen la composición
Pueden ser globales
Orden de preferencia: única
Se pueden aplicar mediante estilos

17. Demo
Estilos y Plantillas

18. Animaciones
Toda propiedad es “animable”
Se establecen Storyboards
Podemos modificar aceleración y tiempo

19. Behaviors
Nos permiten ejecutar distintas acciones
Muy útiles para responder a eventos
Lanzar animaciones, invocar métodos…

20. Demo
Animaciones y
Behaviors

21. Libro Windows Phone 7.5
Mas de 400 páginas
Desde iniciación hasta avanzado
Disponible en:
www.campusmvp.com
www.amazon.com

22. Podcast WPControla
Todos los meses un nuevo
capítulo
-actualidad
-entrevistas
-API del mes
Disponible en:
www.wpcontrola.com

23. ¡GRACIAS!
@JosueYeray
Twitter
josueyeray@gmail.com
E-Mail
www.geeks.ms/blogs/jyeray
Blog