大佬教程收集整理的这篇文章主要介绍了Silverlight开发历程—(绘制几合图形,GeometryGroup,PathGeometry),大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
Silverlight 还提供了几合绘制图形类Geometry比Share更加的灵活。
一、Geometry和Share
Geometry类(几何绘图)包括,LineGeometry(几何线条)、RectangleGeometry(几何矩形)、EllipesGeometry(几何椭圆图形)、GeometryGroup(几何组合)、PathGeometry(几何路径)他可以描述任何几何的2D形状。
从绘图来看Geometry类和Share类似乎都是绘制2D图形,但是这两个类有着重要的区别。Geometry(几何绘图)类更加轻量级,绘图效率更高于Share。
二、Geometry和Path
LineGeometry(几何线条)、RectangleGeometry(几何矩形)、EllipesGeometry(几何椭圆图形)、GeometryGroup(几何组合)、PathGeometry(几何路径)都是由Geometry继承而来的。
事实上Path还可以做为一个容器,允许容纳任何Geometry形状的几何图形包含在Path.Data内。
LineGeometry
类似于Share的Line对象用来@L_674_2@一条线,区别在于Line用的是X和Y坐标来@L_674_2@线条,而LineGeometry是利用StartPoint和EndPoint来完成线条的绘制。
如:
<LineGeometry StartPoint="0,0" EndPoint="100,500" />
RectangleGeometry(几何矩形)、EllipesGeometry(几何椭圆图形)类似于Share中的Rectangle和Ellipes这里不做过多描述。
GeometryGroup
有些时候需要将某些图形组合起来,GeometryGroup就具备这个功能,如下面的例子:
<StackPanel x:Name="LayoutRoot" Orientation="Horizontal" BACkground="AliceBlue"> <Path Fill="Cyan" stroke="Black" strokeThickness="3"> <Path.Data> <!--GeometryGroup 组合--> <GeometryGroup FillRule="EvenOdd"> <RectangleGeometry RadiusX="2" RadiusY="2" Rect="80,50 200,100"></RectangleGeometry> <EllipseGeometry Center="300,100" RadiusX="80" RadiusY="60"></EllipseGeometry> </GeometryGroup> </Path.Data> </Path> <Path Fill="Cyan" stroke="Black" strokeThickness="3"> <Path.Data> <!--GeometryGroup 组合--> <GeometryGroup FillRule="Nonzero"> <RectangleGeometry RadiusX="2" RadiusY="2" Rect="80,100" RadiusX="80" RadiusY="60"></EllipseGeometry> </GeometryGroup> </Path.Data> </Path> </StackPanel>
运行结果如下:
在两个图形交叉的时候,可以使用Geometry的FillRule属性来定义组合图形的填充规则。FillRule属性有两个枚举值(EvenOdd)和(Zonzero).
PathGeometry
PathGeometry是Geometry中最灵活的,他可以绘制任意的2D几何图形。
<Path stroke="Black" strokeThickness="1"> <Path.Data> <!--指定Path.Data的填充是PathGeometry--> <PathGeometry> <!--定义PathGeometry的figuress--> <PathGeometry.figures> <PathfigureCollection> <!--Pathfigure表示几何图形的一个子部分、一系列单独连接的二维几何线段。 IsClosed:获取或设置一个值,该值指示是否连接该图形的第一条线段和最后一条线段。 --> <Pathfigure IsClosed="True" StartPoint="50,100"> <Pathfigure.Segments> <BezierSegment Point1="100,0" Point2="200,200" Point3="300,100"/> <Linesegment Point="400,100" /> <ArcSegment Size="50,50" RotationAngle="45" IsLargeArc="false" SweepDirection="Clockwise" Point="200,100"/> </Pathfigure.Segments> </Pathfigure> </PathfigureCollection> </PathGeometry.figures> </PathGeometry> </Path.Data> </Path>
运行结果:
为简化上面xaml,wpf提供了路径语法解析器,由
<Path stroke="Black" strokeThickness="1" Data="M 10,100 L 100,100 100,50 Z M 10,10 100,40 Z" />
Linesegment对象
利用Linesegment对象创建直线对象
<Path stroke="DarkCyan" strokeThickness="3"> <Path.Fill> <LinearGradientBrush> <GradientStop Color="Orange"/> <GradientStop Color="White" Offset="1"/> </LinearGradientBrush> </Path.Fill> <Path.Data> <PathGeometry> <!-- 指明是闭线条并且指定起始位置--> <Pathfigure IsClosed="True" StartPoint="50,100"> <Linesegment Point="200,200" /> <Linesegment Point="200,150" /> <Linesegment Point="400,50" /> <Linesegment Point="200,0" /> </Pathfigure> </PathGeometry> </Path.Data> </Path>
<Path stroke="DarkCyan" strokeThickness="3"> <Path.Data> <PathGeometry> <!--ArcSegment 指定弧的起始点--> <Pathfigure IsClosed="false" StartPoint="50,50"> <!--ArcSegment 声明第一条弧的结束点和弧度--> <ArcSegment Size="280,280" Point="400,50" /> <!--ArcSegment 声明第二条弧的结束点和弧度--> <ArcSegment Size="90,280" Point="550,150" /> <ArcSegment Size="50,50" Point="600,50" /> </Pathfigure> </PathGeometry> </Path.Data> </Path>
<!--开始绘制贝塞尔曲线--> <Path stroke="DarkCyan" Fill="YellowGreen" strokeThickness="5"> <Path.Data> <PathGeometry> <!--声明贝塞尔曲线--> <Pathfigure StartPoint="10,10"> <BezierSegment Point1="130,30" Point2="40,140" Point3="150,150"/> </Pathfigure> </PathGeometry> </Path.Data> </Path>
以上是大佬教程为你收集整理的Silverlight开发历程—(绘制几合图形,GeometryGroup,PathGeometry)全部内容,希望文章能够帮你解决Silverlight开发历程—(绘制几合图形,GeometryGroup,PathGeometry)所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。