Раскадровка, чтобы чередовать непрозрачность между двумя элементами управления

Question

Я пытаюсь придумать StoryBoard на основе XAML, который чередует непрозрачность между двумя элементами управления Label.

Например,

Label1 и Label2.Когда окно загружается, для Label2 непрозрачность по умолчанию устанавливается на 0.

Я хочу добиться чего-то вроде:

Label1 = Непрозрачность 1 (пауза на 10 секунд) Fade Label1 Out

Когда для Label1 задана непрозрачность 0, исчезновение в Label2 (пауза на 10 секунд снова) Fade Label2 out

Затем зациклите это.

Я пробовал использовать привязку Storyboard Repeats, AutoReverse и DataTriggersмежду двумя метками, но я просто не могу заставить его работать таким образом.

Answer 1

Вы можете использовать анимацию ключевых кадров для каждой метки, что-то вроде этого

<Label Content="LABEL1" Name="Label1">
<Label.Triggers>
    <EventTrigger RoutedEvent="Label.Loaded">
        <EventTrigger.Actions>
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" RepeatBehavior="Forever">
                        <LinearDoubleKeyFrame Value="1" KeyTime="0:0:10"></LinearDoubleKeyFrame>
                        <LinearDoubleKeyFrame Value="0" KeyTime="0:0:11"></LinearDoubleKeyFrame>
                        <LinearDoubleKeyFrame Value="0" KeyTime="0:0:22"></LinearDoubleKeyFrame>
                        <LinearDoubleKeyFrame Value="1" KeyTime="0:0:23"></LinearDoubleKeyFrame>
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger.Actions>
    </EventTrigger>
</Label.Triggers>