Button With Template: change border : ControlTemplate « Windows Presentation Foundation « VB.Net Tutorial






<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <Button HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="48">
        Button
        <Button.Template>
            <ControlTemplate>
                <Border Name="border" BorderThickness="3" BorderBrush="Red"
                        Background="{DynamicResource {x:Static SystemColors.ControlLightBrushKey}}">
                    <TextBlock Name="txtblk" Text="{TemplateBinding ContentControl.Content}"
                        Margin="{TemplateBinding Control.Padding}" />
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="UIElement.IsMouseOver" Value="True">
                        <Setter TargetName="border"
                                Property="Border.CornerRadius" Value="24" />
                        <Setter TargetName="txtblk"
                                Property="TextBlock.FontWeight" Value="Bold" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Button.Template>
    </Button>
</Page>
WPF Button With Template Change Border








16.106.ControlTemplate
16.106.1.Button With Template: change borderButton With Template: change border
16.106.2.Create a Control TemplateCreate a Control Template
16.106.3.Create a Control Template That Can Be Customized by PropertiesCreate a Control Template That Can Be Customized by Properties
16.106.4.Use ControlTemplate and event handlerUse ControlTemplate and event handler
16.106.5.Finding the border that is generated by the ControlTemplate of the ButtonFinding the border that is generated by the ControlTemplate of the Button
16.106.6.Get The actual width of the border in the ControlTemplateGet The actual width of the border in the ControlTemplate
16.106.7.ControlTemplates and style xaml fileControlTemplates and style xaml file
16.106.8.Use a ContentTemplate and determine whether the control contains content.Use a ContentTemplate and determine whether the control contains content.
16.106.9.Enhance the visual appearance of a ContentControl by applying a style.Enhance the visual appearance of a ContentControl by applying a style.