绘制圆形
以下代码绘制的是一个黑色边框的圆 可以通过StrokeThickness设置边框的宽度。
<Grid> <!--圆型--> <Path Stroke="Black" Fill="White" StrokeThickness="4" HorizontalAlignment="Center" VerticalAlignment="Center" > <Path.Data > <EllipseGeometry Center="100,100" RadiusX="100" RadiusY="100" > </EllipseGeometry> </Path.Data> </Path> </Grid>
扩展同心圆
Ellipse 是用于绘制椭圆的,如果它的宽度和高度都相等那么就变成了圆,这里需要注意如果不给Zindex这个圆是在底层的是看不到的。
<Grid> <!--圆型--> <Ellipse Stroke="Red" StrokeThickness="1" Width="90" Height="90" Panel.ZIndex="1"/> <Path Stroke="Black" Fill="White" StrokeThickness="4" HorizontalAlignment="Center" VerticalAlignment="Center" > <Path.Data > <EllipseGeometry Center="100,100" RadiusX="100" RadiusY="100" > </EllipseGeometry> </Path.Data> </Path> </Grid>