'WPF ToggleButton checked/unchecked behavior with event triggers

When I clicked on the ToggleButton my event trigger starts the DoubleAnimation . But it happens on every click. How do I stop this trigger if the ToggleButton state is Checked?

My xaml code for these event triggers is:

<ToggleButton.Triggers>
    <EventTrigger RoutedEvent="ToggleButton.Checked">
        <EventTrigger.Actions>
            <BeginStoryboard x:Name="SBShow">
                <Storyboard Name="ShowMenu">
                    <DoubleAnimation Storyboard.TargetName="HamburgerMenuGrid"
                                     Storyboard.TargetProperty="(Grid.RenderTransform).(TranslateTransform.X)"
                                     Duration="0:0:0.6"
                                     DecelerationRatio="0.3"
                                     From="-310"
                                     To="0"
                                     />
                    <DoubleAnimation Storyboard.TargetName="BackgroundImage"
                                     Storyboard.TargetProperty="Opacity"
                                     Duration="0:0:.3"
                                     To="0.4"/>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger.Actions>
    </EventTrigger>
    <EventTrigger RoutedEvent="ToggleButton.Unchecked">
        <EventTrigger.Actions>
            <BeginStoryboard x:Name="SBHide">
                <Storyboard Name="HideMenu">
                    <DoubleAnimation Storyboard.TargetName="HamburgerMenuGrid"
                                     Storyboard.TargetProperty="(Grid.RenderTransform).(TranslateTransform.X)"
                                     Duration="0:0:0.6"
                                     DecelerationRatio="0.3"
                                     From="0"
                                     To="-310"
                                     />
                    <DoubleAnimation Storyboard.TargetName="BackgroundImage"
                                     Storyboard.TargetProperty="Opacity"
                                     Duration="0:0:.3"
                                     To="1"/>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger.Actions>
    </EventTrigger>
</ToggleButton.Triggers>

I have to change in C# code its IsChecked to true or false on Click event? (I though it do it automatically).

Behaviour:

ToggleButtonMyIssue

c++sharpwpftogglebutton


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions