10 razones para elegir WPF

10,390 views

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
10,390
On SlideShare
0
From Embeds
0
Number of Embeds
192
Actions
Shares
0
Downloads
137
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

10 razones para elegir WPF

  1. 1. WPF<br />Oscar Alvarez Guerras<br />Arquitecto Software<br /> I3B<br />o.alvarez@ibermatica.com<br />
  2. 2. Agenda<br />Foundations<br />DesarrolloDeclarativo(XAML)<br />Animaciones<br />Databinding<br />Styling<br />Controls<br />Templating<br />10 cosas a conocer sobre WPF<br />
  3. 3. ClientesRicos?<br />demo<br />
  4. 4. Tecnologias de UI de Microsoft<br />ASP.NET<br />ASP.NET AJAX<br />Win Forms<br />Silverlight<br />WPF<br />DirectX<br />Alcance<br />Riqueza<br />
  5. 5. Herramientas<br />VS2008 Sp1<br />Express Edition<br />Silverlight Tools<br />Blend 3 Beta<br />Design 2<br />http://www.kaxaml.com/<br />VS Project Files<br />XAML<br />
  6. 6. Desarrollobasado en XAMl<br />myXaml.xaml<br />eXtensibleApplication MarkupLanguage<br />
  7. 7. Beneficios de UI en XAML<br />
  8. 8. XAML 101 – XML a.NET<br />Elementos XML mapeabinstancias de objetos .NET<br />Atributos de XML mapeanpropiedades de esasclases<br />
  9. 9. XAML 101 – XML a .NET<br />Namespaces en el XML mapean CLR namespaces<br />
  10. 10. XAML 101 – Conversion/Propiedades<br />Propiedades necesitan<br /> convertidores<br />Sintaxis “Dotted” <br />para propiedades <br />de valor complejo<br />Capacidad de “rellenar”<br /> colecciones en XAML<br />
  11. 11. XAML 101 – Code Behind<br />Los eventosdeclarados en XAMlnecesitan ser definidos en el code-behind<br />
  12. 12. XAML 101 – Nomenclatura<br />Desdecodigonecesitaremosacceder a los elementosdeclarados en XAML<br />Se usa la propiedad x:Name<br />
  13. 13. XAML 101 - XAML no essiempre UI<br />
  14. 14. Un poco de XAML<br />demo<br />
  15. 15. Se puedenanimarmuchaspropiedades de los objetos<br />Animaciones & Triggers<br />La animación es aquella técnica para dar sensación de movimiento a imágenes o dibujos..<br />
  16. 16. Sistema de Animacion<br />
  17. 17. Anatomia de unaanimación<br />Storyboard Properties<br />BeginTime<br />AutoReverse<br />RepeatBehavior<br />SpeedRatio<br /> ...<br />Trigger (or Code)<br />Storyboard<br />Animation<br />Animation<br />Animation<br />Animation Properties<br />BeginTime<br /> From / To / By<br /> Duration<br /> ...<br />Storyboard<br />Animation<br />
  18. 18. Opciones de la animación<br />Transforms<br /> Rotate<br /> Translate<br /> Scale<br /> Skew<br /> Matrix<br />Tipos de animación<br />Double<br />Point<br />Color<br />Thickness<br />String<br />...<br />Animadopor<br />Simple Interpolation<br />KeyFrame<br />Linear<br />Spline<br />Discrete<br />Path<br />0<br />5s<br />1s<br />1.7s<br />4s<br />
  19. 19. animaciones & triggers<br />Blend<br />demo<br />
  20. 20. Databinding<br />Todos los elementostienen un DataContext<br />Grid<br />Button<br />
  21. 21. Databinding<br />
  22. 22. Data Binding<br />Requerimientos de los objetospararealizarDataBinding<br />INotifyPropertyChanged<br />INotifyCollectionChanged<br />Muchasopciones en los binding;<br />One-way o two-way binding<br />Validacion, Conversion<br />Cuando se notificquenmodificaciones<br />etc...<br />
  23. 23. Data Binding<br />demo<br />
  24. 24. Styles & Resources<br />
  25. 25. Styles, Resources?<br />Styles<br />Styles nos permiten definir propiedades en un solo lugar que luego se aplican a muchos elementos<br />Resources<br />Manera simple de reutilizar objetos y definir los valores de los objetos<br />Propiedades de la claseFrameworkElement :<br />.Style (as Style)<br />.Resources (as ResourceDictionary)<br />
  26. 26. DandoEstilo a un botón<br />
  27. 27. Definiendo Resources<br />Dictionary1.xaml<br />
  28. 28. Consumuendo Resources<br />StaticResource<br />Se evaluacuando se carga la ventana<br />DynamicResource<br />Lazy load<br />Evaluación en curso<br />Keys implicitas<br />Cada resource tieneuna “key” – no necesariamenteexplicitas<br />
  29. 29. AlgunasObservaciones<br />Style<br />Re-usar, re-usar, re-usar<br />Se crean en XAML<br />Se suelencrearcomo un resource<br />Resources<br />No solo son estilos<br />
  30. 30. Data Template<br />Me permitedefinirunarepresentacion visual de los datos<br />
  31. 31. styles y resources<br />demo<br />
  32. 32. Controls – Silverlight “in the box”<br />
  33. 33. Controls – WPF “in the box”<br />
  34. 34. Controls – the “Toolkits”<br />Silverlight Toolkit y WPF Toolkit (CodePlex)<br />WPF<br />Silverlight<br />
  35. 35. Podemosconstruirnuestrosproioscontroles<br />UserControlparacomposicion de controles<br />Panelpara custom layout<br />Controlpararealizar templates<br />
  36. 36. O mirar a terceros<br />
  37. 37. EvolucionDiseño<br />demo<br />
  38. 38. 10 cosas a conecer sobre WPF<br />
  39. 39. Construidos.NET en la parte superior de Direct3D<br />managed<br />1<br />unmanaged<br />*Estohaceque se utilize lastarjetasgraficasalcanzando un granrendimiento en lasaplicaciones<br />
  40. 40. Existentresversiones en .NET<br />2<br />2006 <br />w/Vista<br />2007<br />w/VS 2008<br />2008<br />w/VS 2008 Sp1<br />Windows XP Service Pack 2+<br />Windows Vista<br />Windows 7<br />
  41. 41. Utiliza la aceleración dehadware<br />3<br />
  42. 42. Trabaja en Multiples Dimensiones<br />4<br />
  43. 43. Se puedemezclar con otrastecnologias<br />5<br />Windows Forms hosting WPF<br />WPF Hosting un Web Browser<br />paraVirtual Earth<br />
  44. 44. Es un framework unificado<br />6<br />7<br />todos con el mismo, modelo de programación<br />coherente<br />
  45. 45. Son el futuro del desarrollo de aplicacionesricas<br />8<br />
  46. 46. Hay multiples opciones de despliegue<br />9<br />XAML Browser Application<br />(XBAP)<br />ClickOnce Application<br />Full Client<br />
  47. 47. Donde hay masinformacion<br />10<br />windowsclient.net<br />

×