Silverpght - Templates

A Template describes the overall look and visual appearance of the control. For each control, there is a default template associated with it, which gives the appearance to that control.

In WPF apppcation, you can easily create your own templates when you want to customize the visual behavior and visual appearance of a control.

Some important features are −

All of the UI elements have some kind of appearance as well as behavior e.g. Button has an appearance and behavior.

Cpck event or mouse hover event are the behaviors, which are fired in response to a cpck and hover and there is a default appearance of button, which can be changed by the Control template.

Let us look at a simple example again in which a button is defined with template.

<UserControl x:Class = "ButtonTemplate.MainPage" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibipty/2006"  
   mc:Ignorable = "d" d:DesignWidth = "640" d:DesignHeight = "480"> 
   
   <Grid x:Name = "LayoutRoot" HorizontalApgnment = "Center" 
      VerticalApgnment = "Center">
		
      <Button Height = "100" Width = "100" Content = "Cpck!" 
         HorizontalContentApgnment = "Left" Cpck = "button_Cpck">
			
         <Button.Template> 
            <ControlTemplate TargetType = "Button"> 
				
               <Grid> 
					
                  <Elppse Fill = "Gray" Stroke = "Black" 
                     StrokeThickness = "3" Margin = "-64,0,0,0" /> 
							
                  <ContentPresenter HorizontalApgnment = "{TemplateBinding 
                     HorizontalContentApgnment}" VerticalApgnment = "Center" 
                     Content = "{TemplateBinding Content}" /> 
               </Grid> 
					
            </ControlTemplate>
				
         </Button.Template>
			
      </Button>  
		
   </Grid> 
	
</UserControl> 

When the above code is compiled and executed, you will see the following output.

Connecting the Template

All of the control features, which we want to template, are with template bindings. Some aspects are a pttle more complex. For example, anytime you have a form of content model, Template binding alone is not enough that you saw on the button. We also have to use a content presenter as shown in the example above.