WPF实战小技巧（六）：自定义环形进度条

最新推荐文章于 2023-03-08 14:42:22 发布

Mars Coder

最新推荐文章于 2023-03-08 14:42:22 发布

阅读量1.8k

点赞数

分类专栏： WPF实战小技巧文章标签： C# wpf 前端应用

本文链接：https://blog.csdn.net/WZh0316/article/details/80018423

版权

本文分享了一个在WPF中创建美观的环形进度条的方法，提供了可以直接使用的XAML代码。通过调整DockPanel的高度和GeometryDrawing的刷子颜色，可以定制进度条的尺寸和颜色。

摘要由CSDN通过智能技术生成

一个用于WPF的好看的环形进度条样式，代码直接复制粘贴到xaml文件中就可以使用。

代码如下：

<DockPanel Height="50">
	<Grid>
		<Grid.Resources>
			<DrawingBrush x:Key="brush" Stretch="None" AlignmentX="Center" AlignmentY="Top">
				<DrawingBrush.Drawing>
					<GeometryDrawing Brush="Red">
						<GeometryDrawing.Geometry>
							<EllipseGeometry RadiusX="2" RadiusY="5"/>
						</GeometryDrawing.Geometry>
					</GeometryDrawing>
				</DrawingBrush.Drawing>
			</DrawingBrush>
		</Grid.Resources>
		<Rectangle x:Name="r01" Fill="{StaticResource brush}" Opacity="0.6" RenderTransformOrigin="0.5,0.5">
			<Rectangle.RenderTransform>
				<RotateTransform Angle="0"/>
			</Rectangle.RenderTransform>
		</Rectangle>
		<Rectangle x:Name="r02" Fill="{StaticResource brush}" Opacity="0.6" RenderTransformOrigin="0.5,0.5">
			<Rectangle.RenderTransform>
				<RotateTransform Angle="30"/>
			</Rectangle.RenderTransform>
		</Rectangle>
		<Rectangle x:Name="r03" Fill="{StaticResource brush}" Opacity="0.6" RenderTransformOrigin="0.5,0.5">
			<Rectangle.RenderTransform>
				<RotateTransform Angle="60"