Simple use of control template 2

Simple use of control templates

<Window. Resources>
<Controltemplate X: Key = "buttontemplate" targettype = "{X: type button}">
<Border borderbrush = "orange" borderthickness = "{templatebinding button. borderthickness}" cornerradius = "3"
Background = "red" textblock. Foreground = "black" margin = "30">
<Contentpresenter recognizesaccesskey = "true" horizontalalignment = "center"
Verticalalignment = "center" content = "{templatebinding button. Content}"> </contentpresenter>
</Border>
</Controltemplate>
</Window. Resources>
<Stackpanel>
<Button fontsize = "15" template = "{staticresource resourcekey = buttontemplate}" borderthickness = "10" content = "hello"> </button>
<Button fontsize = "15" template = "{staticresource resourcekey = buttontemplate}" borderthickness = "4" content = "hello"> </button>
</Stackpanel>

 

Control template trigger

<Window. Resources>
<Controltemplate X: Key = "buttontemplate" targettype = "{X: type button}">
<Border name = "border" borderbrush = "orange" borderthickness = "{templatebinding button. borderthickness}" cornerradius = "3"
Background = "red" textblock. Foreground = "black" margin = "30">
<Stackpanel>
<Rectangle name = "focuscue" visibility = "hidden" stroke = "black"
Strokethickness = "3" strokedasharray = "1 2" snapstodevicepixels = "true"> </rectangle>

<Contentpresenter recognizesaccesskey = "true" horizontalalignment = "center"
Verticalalignment = "center" content = "{templatebinding button. Content}">

</Contentpresenter>
</Stackpanel>
</Border>
<Controltemplate. triggers>
<Trigger property = "ismouseover" value = "true">
<Setter targetname = "border" property = "background" value = "white"/>
</Trigger>
<Trigger property = "ispressed" value = "true">
<Setter targetname = "focuscue" property = "visibility" value = "visible"/>
</Trigger>
</Controltemplate. triggers>
</Controltemplate>

</Window. Resources>
<Stackpanel>
<Button template = "{staticresource resourcekey = buttontemplate}" content = "hello"/>
</Stackpanel>