Download
slide1 n.
Skip this Video
Loading SlideShow in 5 Seconds..
Friday, March 8 PowerPoint Presentation
Download Presentation
Friday, March 8

Friday, March 8

100 Views Download Presentation
Download Presentation

Friday, March 8

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. 12:15 Creating real Custom Controls Kelvin van Geene Friday, March 8

  2. agenda User Controls vs. Custom Controls

  3. agenda User Controls vs. Custom Controls How to choose best approach

  4. agenda User Controls vs. Custom Controls How to choose best approach Demo: Creating a Win8 Custom Control

  5. what is a user control User Control

  6. what is a user control User Control Grid Button Text Box Text Box Text Box Text Box Combo Box

  7. what is a user control A composition of existing UIElements with some extra plumming code User Control Grid Button Text Box Text Box Text Box Text Box Combo Box

  8. what is a user control A composition of existing UIElements with some extra plumming code User Control Grid Button Text Box Text Box Text Box Text Box Combo Box XAML Code File C# Code Class + +

  9. what is a Custom Control Custom Control

  10. what is a Custom Control An extension to an existing control created in a standalone library Custom Control Existing control

  11. what is a Custom Control An extension to an existing control created in a standalone library Custom Control Existing control Added ExtendingFunctionality

  12. what is a Custom Control An extension to an existing control created in a standalone library Custom Control Existing control AddedExtendingFunctionality Themes

  13. what is a Custom Control An extension to an existing control created in a standalone library Custom Control Existing control AddedExtendingFunctionality Themes Resource Dictionary +

  14. what is a Custom Control An extension to an existing control created in a standalone library Custom Control Existing control AddedExtendingFunctionality Themes Resource Dictionary C# Code Class + +

  15. supported in technologies

  16. supported in technologies Windows Phone

  17. supported in technologies Windows Phone Silverlight

  18. supported in technologies Windows Phone Silverlight Windows 8

  19. supported in technologies Windows Phone Silverlight Windows 8 WPF

  20. technical implementation Class Hierarchy Base class for grouping UIElements with own logic User Control UserControl Base class for UIElements which use a Control Template Custom Control Control FrameworkElement Base API’s like binding and object tree Base class for objects with a visual appearance UIElement DependancyObject Base object in XAML related technologies

  21. overview summary User Control Custom Control Technical challenge

  22. overview summary User Control Custom Control Easy to create Technical challenge Requires a deep understanding of theUI model

  23. overview summary User Control Custom Control Easy to create Technical challenge Requires a deep understanding of theUI model Type of UI

  24. overview summary User Control Custom Control Easy to create Technical challenge Requires a deep understanding of theUI model Type of UI Static and Fixed UI, which cannot be changed in other projects Dynamic and skinnable UI which can be changed in other projects

  25. overview summary User Control Custom Control Easy to create Technical challenge Requires a deep understanding of theUI model Type of UI Static and Fixed UI, which cannot be changed in other projects Dynamic and skinnable UI which can be changed in other projects Technical implementation

  26. overview summary User Control Custom Control Easy to create Technical challenge Requires a deep understanding of theUI model Type of UI Static and Fixed UI, which cannot be changed in other projects Dynamic and skinnable UI which can be changed in other projects Technical implementation Implemented at code level providing more flexibility. Compiled in its own DLL. Representation of a set of existing controls compiled in the application DLL

  27. how to choose best approach

  28. how to choose best approach Time and Budget

  29. how to choose best approach Time and Budget Extensibility

  30. how to choose best approach Time and Budget Extensibility UI Flexibility

  31. how to choose best approach Time and Budget Extensibility UI Flexibility Technical Difficulty

  32. how to choose best approach Control lacks a certain style, UI only

  33. how to choose best approach Control lacks a certain style, UI only Control Template Y

  34. how to choose best approach Control lacks a certain style, UI only Control Template Y N Control requires additional functionality which can be created with combining available controls

  35. how to choose best approach Control lacks a certain style, UI only Control Template Y N Controls requires additional functionality which can be created with combining available controls N Custom Control

  36. how to choose best approach Control lacks a certain style, UI only Control Template Y N Controls requires additional functionality which can be created with combining available controls Theming or sharing with different projects is required Y N Custom Control

  37. how to choose best approach Control lacks a certain style, UI only Control Template Y N Controls requires additional functionality which can be created with combining available controls Theming or sharing with different projects is required Y N Y N User Control Custom Control

  38. demo Our scenario is to create a Sound Player control for Win8 Apps with a Skinnable UI which need to be included into the NuGet packaging framework later on

  39. in closing – not discussed VSIX Control Parts NuGet

  40. in closing Thank you for listening and attending! Blog Power Point Demo Resources http://www.kelvinvangeene.nl