diff --git a/README.md b/README.md new file mode 100644 index 0000000..413fb9e --- /dev/null +++ b/README.md @@ -0,0 +1,64 @@ +# Xamarin.Forms Composite Controls + +In this repository there are only some tests related to the idea of composite controls and above all have a **Template** property and be able to use **ControlTemplate** to customize a control. + +## Let's see more details! + +For these tests we have created a Slider Composite control (composed of other Views that make up the control). + +![Composite Control](images/composite-control.png) + +We have the same visual appearance, properties and events. However, the control has a Template property that allows us to modify the ControlTemplate that defines the control. + +We modify the Slider ControlTemplate: + +``` + + + + + + + +``` + +And we use it: + +``` + +``` + +The result: + +![ControlTemplate](images/slider-controltemplate.png) + +We can use XAML Hot Reload to adjust the appearance: + +![Using XAML Hot Reload](images/xamarinforms-edit-controltemplate.gif) \ No newline at end of file diff --git a/images/composite-control.png b/images/composite-control.png new file mode 100644 index 0000000..85aafec Binary files /dev/null and b/images/composite-control.png differ diff --git a/images/slider-controltemplate.png b/images/slider-controltemplate.png new file mode 100644 index 0000000..8bb3e96 Binary files /dev/null and b/images/slider-controltemplate.png differ