开发工具与关键技术:Visual Studio 2015
作者:王成
撰写时间:2019年4月15日
创建一个Wpf应用程序
首先最外层使用Grid网格布局,使用Grid网格布局把窗体分为四行四列
直线
<Line X1="10" Y1="50" X2="100" Y2="10" Stroke="Blue" StrokeThickness="5"/>
输出结果:
修改直线形状,使用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"/>
输出结果:
矩形
<Rectangle Grid.Column="2" Width="50" Height="50" Fill="Blue" Stroke="Red" StrokeThickness="5"/>
输出结果:
修改矩形形状,使用RadiusX与RadiusY定义圆角大小
<Rectangle Grid.Column="3" Width="50" Height="50" Fill="Orange" Stroke="Yellow" StrokeThickness="3" RadiusX="25" RadiusY="25"/>
输出结果:
椭圆
<Ellipse Grid.Row="1" Width="100" Height="60" Fill="Violet" Stroke="Indigo" StrokeThickness="3"/>
输出结果:
多边形(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"/>
输出结果:
多线型
<Polyline Grid.Row="1" Grid.Column="2" Points="10,10 100,10 100,60 30,60" Fill="Purple" Stroke="SkyBlue" StrokeThickness="3"/>
输出结果:
路径绘图
<Path Grid.Row="1" Grid.Column="3" Data="M 60,30 S 50,5 40,3 20,0 20,15" Stroke="Blue" StrokeThickness="2"/>
输出结果:
几何直线
<Path Grid.Row="2" Stroke="Pink" StrokeThickness="5">
<Path.Data>
<LineGeometry StartPoint="20,50" EndPoint="100,30"/>
</Path.Data>
</Path>
输出结果:
几何矩形
<Path Grid.Row="2" Grid.Column="1" Fill="SkyBlue" Stroke="Pink" StrokeThickness="5">
<Path.Data>
<RectangleGeometry Rect="10,10,100,50"/>
</Path.Data>
</Path>
输出结果:
几何椭圆
<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>
输出结果:
几何组合图形
<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>
输出结果:
几何路径
<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>
输出结果
运行结果: