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

2. User Controls vs. Custom Controls agenda

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

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

5. User Control what is a user control

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

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

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

9. what is a Custom Control Custom Control

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

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

12. what is a Custom Control Custom Control Existing control Added Extending FunctionalityThemes An extension to an existing control created in a standalone library

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

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

15. supported in technologies

16. Windows Phone supported in technologies

17. Windows PhoneSilverlight supported in technologies

18. Windows 8 Windows PhoneSilverlight supported in technologies

19. Windows 8 Windows PhoneSilverlight WPF supported in technologies

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

21. overview summary User ControlCustom Control Technical challenge

22. overview summary User ControlCustom Control Technical challenge Easy to create Requires a deep understanding of the UI model

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

24. overview summary User ControlCustom Control Technical challenge Type of UI Easy to create Requires a deep understanding of the UI model 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 ControlCustom Control Technical challenge Type of UI Technical implementation Easy to create Requires a deep understanding of the UI model Static and Fixed UI, which cannot be changed in other projects Dynamic and skinnable UI which can be changed in other projects

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

27. how to choose best approach

28. Time and Budget

29. how to choose best approach Extensibility Time and Budget

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

31. how to choose best approach UI Flexibility Extensibility Time and Budget 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 requires additional functionality which can be created with combining available controls Control Template N Y

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

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

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

38. 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 demo

39. in closing – not discussed VSIXControl Parts NuGet

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