Begin animation in styles

I have the following style:

<Style Selector="RadioButton:pressed /template/ Ellipse#InteractionEllipse">
    <Style.Animations>
        <Animation Duration="0:0:0.3">
            <KeyFrame Cue="0%">
                <Setter Property="Opacity" Value="0.3"></Setter>
            </KeyFrame>
            <KeyFrame Cue="100%">
                <Setter Property="Opacity" Value="0"></Setter>
            </KeyFrame>
        </Animation>
    </Style.Animations>
</Style>

It works, but it interrupts as soon as I stop pressing the button. It would be nice to be able not to interrupt the animation when the style removed, but to let it run to the end. Is there such a possibility?

[maxkatz6]

@SKProCH so you can implement some kind of mixin with custom pseudoclass. Add and remove it on specific events. Example: https://github.com/AvaloniaUI/Avalonia/blob/master/src/Avalonia.Controls/Mixins/PressedMixin.cs

[SKProCH]

And I am not sure about details, when animation should be running in your case, but RadioButton has “:checked” pseudoclass, which you can use to run animation only when it is checked. It also has “:unchecked” and “:indeterminate”.

Yes, I know, but here it was necessary to start the animation with any click on the button. And if using :checked, the animation would not react to repeated (if you click on an already checked button again, it will still remain checked) clicks (which is correct).