Как проиграть анимацию StoryBoard при событии Tapped?
Есть приложение UWP, в нем осуществляется навигация по страницам с отображением различного контента.
В отдельном xaml файле отрисовал анимацию нажатия на экран (примерно как на этой картинке, только без руки).
Как можно проигрывать эту анимацию, при нажатии на любую область в приложении? По сути это обратная связь на прикосновение.
Есть костыль, вне области экрана помещать отрисованные мной эллипсы и в page resources помещать storyboard после чего при эвенте tapped переносить этот объект в позицию pointer и запускать анимацию. Но делать так не хочется в виду того, что не получится проигрывать несколько экземпляров этой анимации (опять же без костылей). Плюс придется городить этот костыль на каждой из страниц.
<Grid x:Name="circlePointer" Canvas.Left="-770" Canvas.Top="-435" HorizontalAlignment="Center" VerticalAlignment="Center" Width="400" Height="400" Panel.ZIndex="4">
<Ellipse x:Name="el1" Height="400" Stroke="#FF852EF9" StrokeThickness="5" Width="400" Panel.ZIndex="4" MinWidth="10" MinHeight="10" />
<Ellipse x:Name="el2" Height="400" Stroke="#FF852EF9" StrokeThickness="5" Width="400" Panel.ZIndex="4" MinWidth="10" MinHeight="10"/>
<Ellipse x:Name="el3" Height="400" Stroke="#FF852EF9" StrokeThickness="5" Width="400" Panel.ZIndex="4" MinWidth="10" MinHeight="10"/>
</Grid>
И код стартующий анимацию
private void mainWindow_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
{
Canvas.SetTop(circlePointer, Mouse.GetPosition(this).Y - 200);
Canvas.SetLeft(circlePointer, Mouse.GetPosition(this).X - 200);
playStoryBoard("anim_pulse");
}