Question

Folks, I am very new to WPF ad started learning it with Sam’s E-book. I just tried the same code given in the book as follows

<Window x:Class="wpfTest.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">

    <Button Background="Black">
        <Button.Content>
            <Ellipse Width="103" Height="107" Fill="Yellow" />
        </Button.Content>
    </Button>
</Window>

Pity thing is, when I once click on the button, it starts blinking slowly, giving the black background as specified and also white/blue background and it never stops. I dont know why the default behavior is like that as I haven’t mentioned any effects/styles/triggers/animations. 🙁 Do anybody can please guide me and rectify it. Please make me understand the reason behind the same too 🙁

Answer 1

<Window x:Class="testwpf.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
<Window.Resources>
    <Style x:Key="BorderlessButton" TargetType="{x:Type Button}">
        <Setter Property="Padding" Value="1"/>
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border Name="border" Background="{TemplateBinding Background}">
                        <ContentPresenter Name="content" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  Margin="{TemplateBinding Padding}"
                                  RecognizesAccessKey="True"
                                  SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"
                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>
<Grid>
    <Button Style="{DynamicResource BorderlessButton}">
        <Button.Content>
            <Ellipse Width="103" Height="107" Fill="Yellow" />
        </Button.Content>
    </Button>
</Grid>

Custom style disables system animation animation. Code from here