CODEWITHSUNDEEP
wpfanimationstoryboard
Terco
Terco

Reputation: 920

Start storyboard on a different control on a trigger in WPF

If a storyboard animation is running on ellipse1 changing the opacity, can I trigger on its opacity at a certain value and start a storyboard animation on ellipse2 that will start a fade in on it?

<UniformGrid Columns="2">
    <Ellipse Width="25" Height="25" Name="ellipse1">
        <Ellipse.Triggers>
            <Trigger Property="Opacity" Value=".7">
                do something here to start a opacity fade in on ellipse2
            </Trigger>
        </Ellipse.Triggers>
    </Ellipse>
    <Ellipse Width="25" Height="25" Name="ellipse2">

    </Ellipse>
</UniformGrid>

Upvotes: 0

Views: 1506

Answers (1)

brunnerh
brunnerh

Reputation: 185290

You could use a DataTrigger in ellipse2 to observe ellipse1:

<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>

Upvotes: 2

Related Questions