Silverlight中使用Path绘制复杂几何图形

在Sliverlight中,Path绘图是最灵活的,可以创建更复杂的几何图形。Path绘图有两种方法:使用Mini-Language Path或创建PathGeometry对象。下面我们就用这两种方法绘制两段椭圆弧线。

<StackPanel orientation="Horizontal">
    <!--Mini-Language Path绘制椭圆弧线-->
    <Path Stroke="Blue" StrokeThickness="2" 
            Data="M 10,100 A 50,25,0,1,1 100,100"/>
    <!--PathGeometry绘制椭圆弧线-->
    <Path Stroke="Blue" StrokeThickness="2">
        <Path.Data>
            <PathGeometry>
                <PathFigure 
                    StartPoint="10,100">
                    <ArcSegment Point="100,100"
                        Size="50,25" RotationAngle="0" 
                        IsLargeArc="True" SweepDirection="Clockwise" />
                </PathFigure>
            </PathGeometry>
        </Path.Data>
    </Path>
</StackPanel>

不难看出,使用Mini-Language Path语法会简洁些,但没有PathGeometry对象好理解。移动命令M对应StartPoint属性,绘制命令A对应ArcSegment对象,绘制命令A中的参数和ArcSegment对象的属性是一一对应的,所以最终显示效果一样。

从本质讲,Path也是Shape对象,但使用Path可创建比其他Shape对象更复杂的二维图形。Path还可以作为一个绘图的容器,它允许容纳任何形状的Geometry成员对象包含在Path.Data属性中。

不知大家有没有注意到,Flex 4中的Path绘图和Sliverlight中的相似,都可以使用mini-language语法,不过Flex 4中不支持椭圆弧线命令(A)。

《Silverlight中使用Path绘制复杂几何图形》有1个想法

发表评论