WPF XMAL一个WIN10启动界面圆圈动画
时间: 2023-12-10 15:41:50 浏览: 109
你可以使用WPF自带的动画效果,来实现一个WIN10启动界面圆圈动画。以下是一个参考代码,你可以根据自己的需求进行修改:
```xml
<Window x:Class="WpfApp1.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="450" Width="800">
<Grid>
<Grid.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF1E90FF" Offset="0"/>
<GradientStop Color="#FF6495ED" Offset="1"/>
</LinearGradientBrush>
</Grid.Background>
<Canvas>
<Ellipse Canvas.Left="100" Canvas.Top="100" Width="50" Height="50" Fill="White">
<Ellipse.Triggers>
<EventTrigger RoutedEvent="Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="(Ellipse.RenderTransform).(ScaleTransform.ScaleX)"
To="2" Duration="0:0:1" RepeatBehavior="Forever" AutoReverse="True"/>
<DoubleAnimation Storyboard.TargetProperty="(Ellipse.RenderTransform).(ScaleTransform.ScaleY)"
To="2" Duration="0:0:1" RepeatBehavior="Forever" AutoReverse="True"/>
<DoubleAnimation Storyboard.TargetProperty="(Ellipse.Opacity)"
To="0" Duration="0:0:1" RepeatBehavior="Forever" AutoReverse="True"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Ellipse.Triggers>
<Ellipse.RenderTransform>
<ScaleTransform ScaleX="1" ScaleY="1"/>
</Ellipse.RenderTransform>
</Ellipse>
</Canvas>
</Grid>
</Window>
```
在这个代码中,我们使用了一个Canvas来放置我们的动画元素,在Canvas上面放置了一个宽度和高度都为50的Ellipse,这个Ellipse是我们的圆圈动画。
在Ellipse的Triggers属性中,我们使用了一个EventTrigger来触发我们的动画。在这个动画中,我们使用了三个DoubleAnimation来控制Ellipse的ScaleTransform.ScaleX、ScaleTransform.ScaleY和Opacity属性,从而实现了圆圈的放大缩小和透明度变化的动画效果。
最后,我们在Ellipse的RenderTransform属性中,使用了一个ScaleTransform来控制Ellipse的大小变化。
阅读全文