Анимация 2 элементов независимо друг от друга без заиканий / пауз

Question

Я пытаюсь понять, как я могу выполнить следующую операцию анимации с WPF без остановки верхней части моей анимации, если нижняя часть выполняет анимацию в течение примерно того же периода времени.

|--------------------------------------------|
|    A   |    B   |    C   |    D   |    E   | <---- Animates each Cell left from (offscreen) F, G, H 
|--------------------------------------------|       etc looping back to A
|                                            |
|                                            |
|             main area (animations)         |
|                                            |
|                                            |
----------------------------------------------

У меня есть настройки экрана с сеткой и следующие 2 пользовательских элемента управления.

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height=".25*"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="102" Name="imageRow"/>
    </Grid.RowDefinitions>

    <Grid Grid.Row="0" Name="displayRow">
        <my:ScrollElementsControl x:Name="OrderScroll" />
    </Grid>

    <an:PageTransition Name="pageTransitionControl" Grid.Row="1" Grid.RowSpan="2" TransitionType="FlipAndFade" ClipToBounds="true">

    </an:PageTransition>

</Grid>

элемент управления ScrollElements - это холст, который присматривает за собственной раскадровкой анимации, но если две анимации, по-видимому, попадают в тесную синхронизацию, тоанимация Canvas останавливается / заикается, пока выполняется анимация MainArea.

Как я могу обеспечить продолжение анимации верхней анимации при анимации нижней анимации (но в другом цикле)?

Answer 1

В идеальном мире WPF отрывистые анимации - это не проблема одновременной работы нескольких.Но, к сожалению, они вызывают заикание.Попробуйте использовать анимацию как часть ОДНОГО САМОГО рассказа.Насколько мне известно, доска с одним родителем управляет плавными переходами между несколькими запущенными анимациями ...