This is an operation prompt animation. A small hand moves back and forth on the screen according to an arc shape.
<Window x: Class = "LZRichMediaWall. mainWindow "xmlns =" http://schemas.microsoft.com/winfx/2006/xaml/presentation "xmlns: x =" http://schemas.microsoft.com/winfx/2006/xaml "xmlns: LocWindow =" clr-namespace: LZRichMediaWall. UIControls "xmlns: childControls =" clr-namespace: LZRichMediaWall. UIControls. childControls "Title =" MainWindow "WindowState =" Maximized "AllowsTransparency =" True "WindowStyle =" None "> <Window. re Sources> <PathGeometry x: Key = "path"> <PathFigure StartPoint = "0,100"> <PathFigure. segments> <PathSegmentCollection> <ArcSegment Size = "600,100" IsLargeArc = "True" SweepDirection = "CounterClockwise" Point = ""/> </PathSegmentCollection> </PathFigure. segments> </PathFigure> </PathGeometry> </Window. resources> <Window. triggers> <EventTrigger RoutedEvent = "Window. loaded "> <EventTrigger. actions> <Begin Storyboard> <DoubleAnimationUsingPath Storyboard. targetName = "tipGd" Storyboard. targetProperty = "(Canvas. left) "PathGeometry =" {StaticResource path} "Duration =" 0:5 5 "RepeatBehavior =" Forever "Source =" X "AutoReverse =" True "/> <DoubleAnimationUsingPath Storyboard. targetName = "tipGd" Storyboard. targetProperty = "(Canvas. top) "PathGeometry =" {StaticResource path} "Duration =" 0: 0: 5 "RepeatBehavior = "Forever" Source = "Y" AutoReverse = "True"/> </Storyboard> </BeginStoryboard> </EventTrigger. actions> </EventTrigger> </Window. triggers> <Grid x: Name = "main_Gd" Background = "Black"> <Canvas x: name = "animat_Cvs" VerticalAlignment = "Bottom" HorizontalAlignment = "Center" Margin = "-keys, 0, 0,500 "Visibility =" Collapsed "> <Path Stroke =" Transparent "StrokeThickness =" 0 "Data =" {StaticResource path} "Canvas. top = "10" Canvas. left = "10"> </Path> <Grid x: name = "tipGd" Height = "63" Width = "89" Visibility = "Visible" MouseLeftButtonDown = "TipGd_OnMouseLeftButtonDown"> <! -- <Image Height = "55" Width = "89" Margin = "0,-100,-30,0" Source = "/LZRichMediaWall; component/Images/ .png "> </Image> --> <! -- <Image x: Name = "quan" Height = "50" Width = "50" Source = "/LZRichMediaWall; component/Images/circle .png"> <Image. triggers> <EventTrigger RoutedEvent = "UserControl. loaded "> <BeginStoryboard> <Storyboard x: name = "storyB" RepeatBehavior = "Forever" AutoReverse = "True"> <DoubleAnimation From = "0.0" To = "1.0" Duration = "0: 0. 5 "Storyboard. targetName = "quan" Storyboard. targetProperty = "Opacity"/> </Storyboard> </BeginStoryboard> </EventTrigger> </Image. triggers> </Image> --> <Image x: Name = "show" Height = "63" Width = "76" Margin = "0, 0,-5, -60 "Source ="/LZRichMediaWall; component/Images/shou.png "> </Image> </Grid> <Label x: name = "textTip" Height = "50" Width = "300" Content = "single finger sliding" FontSize = "30" Foreground = "White" VerticalContentAlignment = "Center" HorizontalContentAlignment = ""Center" Canvas. left = "200" Canvas. top = "320"> <Label. triggers> <EventTrigger RoutedEvent = "UserControl. loaded "> <BeginStoryboard> <Storyboard x: name = "storyB" RepeatBehavior = "Forever" AutoReverse = "True"> <DoubleAnimation From = "0.0" To = "1.0" Duration = "" Storyboard. targetName = "textTip" Storyboard. targetProperty = "Opacity"/> </Storyboard> </BeginStoryboard> </EventTrigger> </Label. triggers> </Label> </Canvas> </Grid> </Window>