Question

E
I received a good answer at the following link, I need to code this though, as I don’t have a set value for the number of ellipses. I’m having a hard time converting it to c# and was hoping for some help. The answer was at Start storyboard on a different control on a trigger in WPF.

The code:

<Ellipse Width="25" Height="25" Name="ellipse2">
    <Ellipse.Style>
        <Style TargetType="{x:Type Ellipse}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Opacity, ElementName=ellipse1}" Value="0.5">
                    <DataTrigger.EnterActions>
                        <BeginStoryboard>
                            <!-- Storyboard for ellipse 2 here -->
                        </BeginStoryboard>
                    </DataTrigger.EnterActions>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Ellipse.Style>
</Ellipse>

Answer 1

Something like this:

var style = new Style(typeof(Ellipse));
var trigger = new DataTrigger();
trigger.Binding = new Binding("Opacity") { ElementName = "ellipse1" };
trigger.Value = 0.5;
Storyboard sb = new Storyboard();

//Add animation to sb, note the attached storyboard properties which are set with static methods:
//Storyboard.SetTarget(...);
//Storyboard.SetTargetProperty(...);
//Storyboard.SetTargetName(...);

trigger.EnterActions.Add(new BeginStoryboard() { Storyboard = sb });
style.Triggers.Add(trigger);