Este documento presenta una introducción a WPF. Cubre temas como el desarrollo declarativo usando XAML, animaciones, databinding, estilos, plantillas de control y herramientas. También menciona las ventajas de usar XAML para la interfaz de usuario y proporciona algunos ejemplos prácticos de conceptos como animaciones, estilos y recursos.

1. WPF Oscar Alvarez Guerras Arquitecto Software I3B o.alvarez@ibermatica.com

2. Agenda Foundations DesarrolloDeclarativo(XAML) Animaciones Databinding Styling Controls Templating 10 cosas a conocer sobre WPF

3. ClientesRicos? demo

4. Tecnologias de UI de Microsoft ASP.NET ASP.NET AJAX Win Forms Silverlight WPF DirectX Alcance Riqueza

5. Herramientas VS2008 Sp1 Express Edition Silverlight Tools Blend 3 Beta Design 2 http://www.kaxaml.com/ VS Project Files XAML

6. Desarrollobasado en XAMl myXaml.xaml eXtensibleApplication MarkupLanguage

7. Beneficios de UI en XAML

8. XAML 101 – XML a.NET Elementos XML mapeabinstancias de objetos .NET Atributos de XML mapeanpropiedades de esasclases

9. XAML 101 – XML a .NET Namespaces en el XML mapean CLR namespaces

10. XAML 101 – Conversion/Propiedades Propiedades necesitan convertidores Sintaxis “Dotted” para propiedades de valor complejo Capacidad de “rellenar” colecciones en XAML

11. XAML 101 – Code Behind Los eventosdeclarados en XAMlnecesitan ser definidos en el code-behind

12. XAML 101 – Nomenclatura Desdecodigonecesitaremosacceder a los elementosdeclarados en XAML Se usa la propiedad x:Name

13. XAML 101 - XAML no essiempre UI

14. Un poco de XAML demo

15. Se puedenanimarmuchaspropiedades de los objetos Animaciones & Triggers La animación es aquella técnica para dar sensación de movimiento a imágenes o dibujos..

16. Sistema de Animacion

17. Anatomia de unaanimación Storyboard Properties BeginTime AutoReverse RepeatBehavior SpeedRatio ... Trigger (or Code) Storyboard Animation Animation Animation Animation Properties BeginTime From / To / By Duration ... Storyboard Animation

18. Opciones de la animación Transforms Rotate Translate Scale Skew Matrix Tipos de animación Double Point Color Thickness String ... Animadopor Simple Interpolation KeyFrame Linear Spline Discrete Path 0 5s 1s 1.7s 4s

19. animaciones & triggers Blend demo

20. Databinding Todos los elementostienen un DataContext Grid Button

21. Databinding

22. Data Binding Requerimientos de los objetospararealizarDataBinding INotifyPropertyChanged INotifyCollectionChanged Muchasopciones en los binding; One-way o two-way binding Validacion, Conversion Cuando se notificquenmodificaciones etc...

23. Data Binding demo

24. Styles & Resources

25. Styles, Resources? Styles Styles nos permiten definir propiedades en un solo lugar que luego se aplican a muchos elementos Resources Manera simple de reutilizar objetos y definir los valores de los objetos Propiedades de la claseFrameworkElement : .Style (as Style) .Resources (as ResourceDictionary)

26. DandoEstilo a un botón

27. Definiendo Resources Dictionary1.xaml

28. Consumuendo Resources StaticResource Se evaluacuando se carga la ventana DynamicResource Lazy load Evaluación en curso Keys implicitas Cada resource tieneuna “key” – no necesariamenteexplicitas

29. AlgunasObservaciones Style Re-usar, re-usar, re-usar Se crean en XAML Se suelencrearcomo un resource Resources No solo son estilos

30. Data Template Me permitedefinirunarepresentacion visual de los datos

31. styles y resources demo

32. Controls – Silverlight “in the box”

33. Controls – WPF “in the box”

34. Controls – the “Toolkits” Silverlight Toolkit y WPF Toolkit (CodePlex) WPF Silverlight

35. Podemosconstruirnuestrosproioscontroles UserControlparacomposicion de controles Panelpara custom layout Controlpararealizar templates

36. O mirar a terceros

37. EvolucionDiseño demo

38. 10 cosas a conecer sobre WPF

39. Construidos.NET en la parte superior de Direct3D managed 1 unmanaged *Estohaceque se utilize lastarjetasgraficasalcanzando un granrendimiento en lasaplicaciones

40. Existentresversiones en .NET 2 2006 w/Vista 2007 w/VS 2008 2008 w/VS 2008 Sp1 Windows XP Service Pack 2+ Windows Vista Windows 7

41. Utiliza la aceleración dehadware 3

42. Trabaja en Multiples Dimensiones 4

43. Se puedemezclar con otrastecnologias 5 Windows Forms hosting WPF WPF Hosting un Web Browser paraVirtual Earth

44. Es un framework unificado 6 7 todos con el mismo, modelo de programación coherente

45. Son el futuro del desarrollo de aplicacionesricas 8

46. Hay multiples opciones de despliegue 9 XAML Browser Application (XBAP) ClickOnce Application Full Client

47. Donde hay masinformacion 10 windowsclient.net