WPF: вопрос анимации новичка

Question

Когда нажата кнопка 1, я хочу эту последовательность

1. RectangeA становится видимым
2. Непрозрачность RectangeA изменена с 0 до 75%, скажем, через 3 секунды
3. ControlB становитсяvisible.

Шаги 1 и 3 просты с императивным кодом, но я предполагаю, что мне нужно научиться использовать раскадровки для выполнения шага 2.

Answer 1

Вот раскадровка, которая описывает вашу последовательность:

<Storyboard x:Key="animate">
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="button1" Storyboard.TargetProperty="(UIElement.Opacity)">
                <LinearDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
                <LinearDoubleKeyFrame KeyTime="00:00:03" Value="0.75"/>
            </DoubleAnimationUsingKeyFrames>

            <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="button1" Storyboard.TargetProperty="(UIElement.Visibility)">
                <DiscreteObjectKeyFrame KeyTime="00:00:00" Value="Visibility.Visible"/>                
            </ObjectAnimationUsingKeyFrames>

            <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="control" Storyboard.TargetProperty="(UIElement.Visibility)">
                <DiscreteObjectKeyFrame KeyTime="00:00:00" Value="Visibility.Visible"/>
            </ObjectAnimationUsingKeyFrames>
        </Storyboard>

Вы можете запустить ее в xaml через EventTrigger или в коде через TryFindResource (). Вот ссылка на обзор анимации MSDN Article , и вы можете найти там ответы на свои вопросы по многим темам анимации WPF.