在WPF XAML中制作加载图形,可以使用ProgressBar
控件或自定义动画。以下是一些建议:
ProgressBar
控件:
这将创建一个宽度为100,高度为20的进度条,并以不确定的进度显示。
<Storyboard x:Key="LoadingAnimation">
<DoubleAnimation
Storyboard.TargetName="Ellipse1"
Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)"
From="0" To="100" Duration="0:0:1"
AutoReverse="True" RepeatBehavior="Forever" />
<DoubleAnimation
Storyboard.TargetName="Ellipse2"
Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)"
From="0" To="100" Duration="0:0:1"
AutoReverse="True" RepeatBehavior="Forever" BeginTime="0:0:0.2" />
</Storyboard>
</Window.Resources>
<Grid>
<Ellipse
Name="Ellipse1"
Width="20" Height="20"
Fill="Blue"
RenderTransformOrigin="0.5,0.5">
<Ellipse.RenderTransform>
<TransformGroup>
<ScaleTransform />
<SkewTransform />
<RotateTransform />
<TranslateTransform />
</TransformGroup>
</Ellipse.RenderTransform>
</Ellipse>
<Ellipse
Name="Ellipse2"
Width="20" Height="20"
Fill="Blue"
RenderTransformOrigin="0.5,0.5">
<Ellipse.RenderTransform>
<TransformGroup>
<ScaleTransform />
<SkewTransform />
<RotateTransform />
<TranslateTransform />
</TransformGroup>
</Ellipse.RenderTransform>
</Ellipse>
<Button Content="开始加载动画" Click="Button_Click" />
</Grid>
在后台代码中,可以添加以下事件处理程序:
private void Button_Click(object sender, RoutedEventArgs e)
{
var animation = (Storyboard)FindResource("LoadingAnimation");
animation.Begin();
}
这将创建一个包含两个弹跳的圆形的动画。可以根据需要自定义动画和样式。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云