二.Path:路径控件通过Markup Syntax来绘制一系列的线条或通过Geometries来绘制形状,这个控件是图形控件中最复杂的。
<Path Height="537" HorizontalAlignment="Left" Margin="12,18,0,0" Name="path1" Stroke="Red" StrokeThickness="10" VerticalAlignment="Top" Width="456" Fill="Green">
<Path.Data>
<GeometryGroup FillRule="EvenOdd">
<EllipseGeometry Center="200,200" RadiusX="100" RadiusY="150"/>
<RectangleGeometry Rect="50,200,300,200"/>
</GeometryGroup>
</Path.Data>
</Path>
还可以使用Mini-Language为Data属性赋值,Mini-Language强大。
<Path Width="456" Height="566" Data="M 10,40 L 300,180 V 400 H 140 S 400,240 400,800 Z" HorizontalAlignment="Left" Margin="12,20,0,0" Name="path2" Stroke="Red" StrokeThickness="3" VerticalAlignment="Top" />
Mini-Language:
移动命令:
M:绝对起始点
m:相对前一点的起始点
如:M 100,200
直线命令:
L/l:直线的结束点
如:L100,200
水平线命令:
H/h: x坐标
如:H20
垂线命令:
V/v: y坐标
如:V100
三次贝赛尔曲线命令:
C/c:控制点坐标、控制点坐标、结束点坐标
如:C 100,200 200,400 300,200
二次贝赛尔曲线命令:
Q/q:控制点坐标、结束点坐标
如:Q100,200 300,200
光滑三次贝赛尔曲线命令:
S/s:控制点坐标、结束点坐标
如:S 100,200 200,300
光滑二次贝赛尔曲线命令:
T/t:控制点、结束点
如:T 100,200 200,300
圆弧命令:
A/a:弧大小(半径值)、弧角、优势弧标记(1大于等于180度,0小于180度)、正负弧标记、结束点
如:A 5,5 0 0 0 10,10
闭合命令:
Z/z:将创建的曲线封闭。