开发工具与关键技术:Visual Studio 2015

作者:王成

撰写时间:2019年4月15日

 

创建一个Wpf应用程序

首先最外层使用Grid网格布局,使用Grid网格布局把窗体分为四行四列

 

直线

<Line X1="10" Y1="50" X2="100" Y2="10" Stroke="Blue" StrokeThickness="5"/>

输出结果:WPF高级绘图

修改直线形状,使用StrokeEndLineCap(Flat平的、Round圆的、Square正直的、Triangle三角)

<Line Grid.Column="1" X1="10" Y1="50" X2="90" Y2="50" StrokeThickness="50" StrokeStartLineCap="Flat" StrokeEndLineCap="Triangle" Stroke="Red"/>

输出结果:WPF高级绘图

 

矩形

<Rectangle Grid.Column="2" Width="50" Height="50" Fill="Blue" Stroke="Red" StrokeThickness="5"/>

输出结果: WPF高级绘图

修改矩形形状,使用RadiusX与RadiusY定义圆角大小

<Rectangle Grid.Column="3" Width="50" Height="50" Fill="Orange" Stroke="Yellow" StrokeThickness="3" RadiusX="25" RadiusY="25"/>

输出结果:WPF高级绘图

 

椭圆

<Ellipse Grid.Row="1" Width="100" Height="60" Fill="Violet" Stroke="Indigo" StrokeThickness="3"/>

输出结果:WPF高级绘图

 

多边形(Points定义坐标点

<Polygon Grid.Row="1" Grid.Column="1" Points="60,10 90,70 25,30 95,30 30,70" Fill="Green" Stroke="Blue" StrokeThickness="10"/>

输出结果:WPF高级绘图

 

多线型

<Polyline Grid.Row="1" Grid.Column="2" Points="10,10 100,10 100,60 30,60" Fill="Purple" Stroke="SkyBlue" StrokeThickness="3"/>

输出结果:WPF高级绘图

 

路径绘图

<Path Grid.Row="1" Grid.Column="3" Data="M 60,30 S 50,5 40,3 20,0 20,15" Stroke="Blue" StrokeThickness="2"/>

输出结果:WPF高级绘图

 

几何直线

<Path Grid.Row="2" Stroke="Pink" StrokeThickness="5">

<Path.Data>

<LineGeometry StartPoint="20,50" EndPoint="100,30"/>

</Path.Data>

</Path>

输出结果:WPF高级绘图

几何矩形

<Path Grid.Row="2" Grid.Column="1" Fill="SkyBlue" Stroke="Pink" StrokeThickness="5">

<Path.Data>

<RectangleGeometry Rect="10,10,100,50"/>

</Path.Data>

</Path>

输出结果:WPF高级绘图

 

几何椭圆

<Path Grid.Row="2" Grid.Column="2" StrokeThickness="5" Fill="Blue" Stroke="Red">

<Path.Data>

<EllipseGeometry Center="50,50" RadiusX="25" RadiusY="25"/>

</Path.Data>

</Path>

输出结果:WPF高级绘图

 

几何组合图形

<Path Grid.Row="2" Grid.Column="3" Fill="SkyBlue" Stroke="BlueViolet" StrokeThickness="5">

<Path.Data>

<GeometryGroup FillRule="Nonzero"><!FillRule默认值EvenOdd-->

<LineGeometry StartPoint="30,10" EndPoint="30,80"/>

<El lipseGeometry Center="30,50" RadiusX="20" RadiusY="30"/>

<RectangleGeometry Rect="20,40,50,20"/>

</GeometryGroup>

</Path.Data>

</Path>

 输出结果:WPF高级绘图

 

几何路径

<Path  Grid.Row="3" Fill="SkyBlue" Stroke="BlueViolet" StrokeThickness="5">

<Path.Data>

<PathGeometry>

<PathFigure StartPoint="20,20">

<LineSegment Point="100,30"/>

<LineSegment Point="80,50"/>

</PathFigure>

</PathGeometry>

</Path.Data>

</Path>

输出结果WPF高级绘图

 

运行结果:

WPF高级绘图

 

相关文章: