Control template: event trigger, border and text : ControlTemplate « Windows Presentation Foundation « C# / C Sharp






Control template: event trigger, border and text

Control template: event trigger, border and text
      
<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Page.Resources>
        <ControlTemplate x:Key="btnCustom" TargetType="{x:Type Button}">
            <Border Name="border" BorderThickness="3" BorderBrush="Blue"
                    Background="{TemplateBinding Foreground}">

                <TextBlock Name="txtblk" 
                           FontStyle="Italic" 
                           Text="{TemplateBinding Content}"
                           Margin="{TemplateBinding Padding}"
                           Foreground="{TemplateBinding Background}" />
            </Border>

            <ControlTemplate.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter TargetName="border"
                            Property="CornerRadius" Value="12" />
                    <Setter TargetName="txtblk"
                            Property="FontWeight" Value="Bold" />
                </Trigger>

                <Trigger Property="IsPressed" Value="True">
                    <Setter TargetName="border"
                            Property="Background" 
                            Value="{Binding Path=Background}" />
                    <Setter TargetName="txtblk"
                            Property="Foreground"
                            Value="{Binding Path=Foreground}" />
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Page.Resources>

    <StackPanel>
        <Button Template="{StaticResource btnCustom}"
                HorizontalAlignment="Center" Margin="24"
                FontSize="24"   >
            Button
        </Button>
    </StackPanel>
</Page>

   
    
    
    
    
    
  








Related examples in the same category

1.Put a Control Template into a StylePut a Control Template into a Style
2.Label with ControlTemplateLabel with ControlTemplate
3.Specify Named Parts of a Control TemplateSpecify Named Parts of a Control Template
4.ProgressBar with ControlTemplateProgressBar with ControlTemplate
5.Simple ControlTemplateSimple ControlTemplate
6.ControlTemplate with TriggersControlTemplate with Triggers
7.ControlTemplate that Respects ContentControlTemplate that Respects Content
8.ControlTemplate that Respects More PropertiesControlTemplate that Respects More Properties
9.Use ControlTemplate and event handlerUse ControlTemplate and event handler
10.Finding the border that is generated by the ControlTemplate of the ButtonFinding the border that is generated by the ControlTemplate of the Button
11.Get The actual width of the border in the ControlTemplateGet The actual width of the border in the ControlTemplate
12.ControlTemplates and style xaml file
13.Enhance the visual appearance of a ContentControl by applying a style.Enhance the visual appearance of a ContentControl by applying a style.
14.Use a ContentTemplate and determine whether the control contains content.Use a ContentTemplate and determine whether the control contains content.