PIE SDK面元素的绘制

谁践踏了优雅 2021-12-24 02:45 294阅读 0赞

**1.** **功能简介**

在数据的处理中会用到线元素的绘制，目前PIE SDK支持IFillSymbol接口，FillSymbol对象是用于修饰填充面状对象的符号，它包括MarkerFillSymbol（由点状符号形成的填充面符号）、LineFillSymbol（由线状符号形成的填充面符号）、MultiLayerFillSymbol（多个符号叠加生成的新的填充面符号）、PictureFillSymbol（以图片为背景的填充面符号）、SimpleFillSymbol（简单类型的填充面符号）这5个不同类型填充面符号的子类。

**2.** **功能实现说明**

**2.1. SimpleFillSymbol****类型的线元素的绘制**

#### 2.1.1. 实现思路及原理说明 ####

<table style="width:600px;"> 
 <tbody> 
 <tr> 
 <td> 第一步 </td> 
 <td> 设置点的Geometry信息 </td> 
 </tr> 
 <tr> 
 <td> 第二步 </td> 
 <td> 设置面的符号 </td> 
 </tr> 
 <tr> 
 <td> 第三步 </td> 
 <td> 绘制元素 </td> 
 </tr> 
 </tbody> 
</table>

#### 2.1.2. 核心接口与方法 ####

#### 2.1.3. 示例代码 ####

#### 2.1.4. 示例截图 ####

![1532888-20181224175321483-217097378.png][]

**2.2. MarkerFillSymbol****类型的点元素的绘制**

#### 2.2.1. 实现思路及原理说明 ####

#### 2.2.2. 核心接口与方法 ####

#### 2.2.3. 示例代码 ####

<table style="width:600px;"> 
 <tbody> 
 <tr> 
 <td> 项目路径 </td> 
 <td> 百度云盘地址下/PIE示例程序/08元素绘制/03面的绘制 </td> 
 </tr> 
 <tr> 
 <td> 视频路径 </td> 
 <td> 百度云盘地址下/PIE视频教程/08元素绘制/03面的绘制.avi </td> 
 </tr> 
 <tr> 
 <td colspan="2"> 示例代码 </td> 
 </tr> 
 <tr> 
 <td colspan="2"> 
 <div> 
 <img src="https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif" alt=""> 
 <img src="https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif" alt=""> 
 <div> 
 <pre> 1 /// &lt;summary&gt;
 2 /// 由点状符号填充的面符号的面元素
 3 /// &lt;/summary&gt;
 4 /// &lt;param name="sender"&gt;&lt;/param&gt;
 5 /// &lt;param name="e"&gt;&lt;/param&gt;
 6 private void toolStripButton_DrawMarkerSyPolygon_Click(object sender, EventArgs e)
 7 {
 8 IPointCollection polygon = new PIE.Geometry.Polygon();
 9 polygon.AddPoint(100, 100, 0);
10 polygon.AddPoint(100, 300, 0);
11 polygon.AddPoint(300, 300, 0);
12 polygon.AddPoint(300, 100, 0);
13 (polygon as IPolygon).CloseRings();
14 //定义面元素
15 IPolygonElement polyElement = new PIE.Carto.PolygonElement();
16 polyElement.Geometry = polygon as IGeometry;
17 
18 IMarkerFillSymbol markerFillSymbol = new MarkerFillSymbol();
19 
20 //ICharacterMarkerSymbol字符点状符号
21 ICharacterMarkerSymbol characterMSymbol = new CharacterMarkerSymbol();
22 characterMSymbol.CharacterIndex = 111;//飞机
23 System.Drawing.Font font = new Font("ESRI Default Marker", 20);
24 characterMSymbol.Font = font;
25 //设置符号的大小，颜色，偏移量
26 IMarkerSymbol markSymbol = characterMSymbol as IMarkerSymbol;
27 markSymbol.XOffset = 0;
28 markSymbol.YOffset = 0;
29 markSymbol.Size = 20;
30 markSymbol.Color = Color.Red;
31 
32 markerFillSymbol.MarkerSymbol = markSymbol;
33 IFillSymbol fillSymbol = markerFillSymbol as IFillSymbol;
34 
35 polyElement.Symbol = fillSymbol;
36 mapControlMain.ActiveView.GraphicsContainer.AddElement(polyElement);
37 mapControlMain.PartialRefresh(ViewDrawPhaseType.ViewAll);
38 }</pre> 
 </div> 
 
 </div> </td> 
 </tr> 
 </tbody> 
</table>

#### 2.2.4 . 示例截图 ####

![1532888-20181224175731421-378986039.png][]

**2.3. LineFillSymbol****类型的点元素的绘制**

#### 2.3.1. 实现思路及原理说明 ####

#### 2.3.2. 核心接口与方法 ####

<table style="width:600px;"> 
 <tbody> 
 <tr> 
 <td> 接口/类 </td> 
 <td> 方法/属性 </td> 
 <td> 说明 </td> 
 </tr> 
 <tr> 
 <td> &nbsp; IPolygonElement </td> 
 <td> Geometry属性 </td> 
 <td> 获取或设置Geometry </td> 
 </tr> 
 <tr> 
 <td> Symbol属性 </td> 
 <td> 获取或设置符号样式 </td> 
 </tr> 
 <tr> 
 <td> IGraphicsContainer </td> 
 <td> AddElement(IElement element) </td> 
 <td> 添加元素 </td> 
 </tr> 
 <tr> 
 <td> &nbsp; ILineFillSymbol </td> 
 <td> LineSymbol属性 </td> 
 <td> 获取或设置简单的面样式 </td> 
 </tr> 
 <tr> 
 <td> Rotate </td> 
 <td> 获取或设置旋转角度 </td> 
 </tr> 
 <tr> 
 <td> Separation </td> 
 <td> 获取或设置间距 </td> 
 </tr> 
 <tr> 
 <td> IFillSymbol </td> 
 <td> Color属性 </td> 
 <td> 获取或设置面的颜色 </td> 
 </tr> 
 <tr> 
 <td> ISimpleLineSymbol </td> 
 <td> style </td> 
 <td> 获取或设置简单点的样式 </td> 
 </tr> 
 <tr> 
 <td> &nbsp; ILineSymbol </td> 
 <td> Join </td> 
 <td> 获取或设置线的连接方式 </td> 
 </tr> 
 <tr> 
 <td> Color </td> 
 <td> 获取或设置线的颜色 </td> 
 </tr> 
 <tr> 
 <td> Cap </td> 
 <td> 获取或设置线的线帽样式 </td> 
 </tr> 
 </tbody> 
</table>

#### 2.3.3. 示例代码 ####

<table style="width:600px;"> 
 <tbody> 
 <tr> 
 <td> 项目路径 </td> 
 <td> 百度云盘地址下/PIE示例程序/08元素绘制/03面的绘制 </td> 
 </tr> 
 <tr> 
 <td> 视频路径 </td> 
 <td> 百度云盘地址下/PIE视频教程/08元素绘制/03面的绘制.avi </td> 
 </tr> 
 <tr> 
 <td colspan="2"> 示例代码 </td> 
 </tr> 
 <tr> 
 <td colspan="2"> 
 <div> 
 <img src="https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif" alt=""> 
 <img src="https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif" alt=""> 
 <div> 
 <pre> 1 /// &lt;summary&gt;
 2 /// 线状填充样式的面元素
 3 /// &lt;/summary&gt;
 4 /// &lt;param name="sender"&gt;&lt;/param&gt;
 5 /// &lt;param name="e"&gt;&lt;/param&gt;
 6 private void toolStripButton3_DrawLineSyPolygon_Click(object sender, EventArgs e)
 7 {
 8 //设置空间信息
 9 IPointCollection polygon = new PIE.Geometry.Polygon();
10 polygon.AddPoint(100, 100, 0);
11 polygon.AddPoint(100, 300, 0);
12 polygon.AddPoint(300, 300, 0);
13 polygon.AddPoint(300, 100, 0);
14 (polygon as IPolygon).CloseRings();
15 //定义面元素
16 IPolygonElement polyElement = new PIE.Carto.PolygonElement();
17 polyElement.Geometry = polygon as IGeometry;
18 
19 ILineFillSymbol lineFillSymbol = new LineFillSymbol();
20 ISimpleLineSymbol simpleLineSymbol = new SimpleLineSymbol();
21 simpleLineSymbol.Style = SimpleLineStyle.SLSDashDot;
22 ILineSymbol lineSymbol = simpleLineSymbol as ILineSymbol;
23 lineSymbol.Join = LineJoinStyle.LJSBevel;
24 lineSymbol.Color = Color.Green;
25 lineSymbol.Cap = LineCapStyle.LCSRound;
26 
27 lineFillSymbol.LineSymbol = lineSymbol;
28 lineFillSymbol.Rotate = 20;
29 lineFillSymbol.Separation = 20;
30 
31 IFillSymbol fillSymbol = lineFillSymbol as IFillSymbol;
32 polyElement.Symbol = fillSymbol;
33 mapControlMain.ActiveView.GraphicsContainer.AddElement(polyElement);
34 mapControlMain.PartialRefresh(ViewDrawPhaseType.ViewAll);
35 }</pre> 
 </div> 
 
 </div> </td> 
 </tr> 
 </tbody> 
</table>

#### 2.3.4. 示例截图 ####

![1532888-20181224175814738-1615716200.png][]

**2.4. PictureFillSymbol****类型的点元素的绘制**

#### 2.4.1. 实现思路及原理说明 ####

#### 2.4.2. 核心接口与方法 ####

<table style="width:600px;"> 
 <tbody> 
 <tr> 
 <td> 接口/类 </td> 
 <td> 方法/属性 </td> 
 <td> 说明 </td> 
 </tr> 
 <tr> 
 <td> &nbsp; IPolygonElement </td> 
 <td> Geometry属性 </td> 
 <td> 获取或设置Geometry </td> 
 </tr> 
 <tr> 
 <td> Symbol属性 </td> 
 <td> 获取或设置符号样式 </td> 
 </tr> 
 <tr> 
 <td> IGraphicsContainer </td> 
 <td> AddElement(IElement element) </td> 
 <td> 添加元素 </td> 
 </tr> 
 <tr> 
 <td> &nbsp; &nbsp; &nbsp; IPictureFillSymbol </td> 
 <td> CreateFromFile(string path) </td> 
 <td> 获取或设置简单的面样式 </td> 
 </tr> 
 <tr> 
 <td> XSeparation </td> 
 <td> 获取或设置X方向间距 </td> 
 </tr> 
 <tr> 
 <td> YSeparation </td> 
 <td> 获取或设置Y方向缩放比例 </td> 
 </tr> 
 <tr> 
 <td> XScale </td> 
 <td> 获取或设X方向缩放比例 </td> 
 </tr> 
 <tr> 
 <td> YScale </td> 
 <td> 获取或设Y方向缩放比例 </td> 
 </tr> 
 <tr> 
 <td> IFillSymbol </td> 
 <td> Color属性 </td> 
 <td> 获取或设置面的颜色 </td> 
 </tr> 
 </tbody> 
</table>

#### 2.4.3. 示例代码 ####

<table style="width:600px;"> 
 <tbody> 
 <tr> 
 <td> 项目路径 </td> 
 <td> 百度云盘地址下/PIE示例程序/08元素绘制/03面的绘制 </td> 
 </tr> 
 <tr> 
 <td> 视频路径 </td> 
 <td> 百度云盘地址下/PIE视频教程/08元素绘制/03面的绘制.avi </td> 
 </tr> 
 <tr> 
 <td colspan="2"> 示例代码 </td> 
 </tr> 
 <tr> 
 <td colspan="2"> 
 <div> 
 <img src="https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif" alt=""> 
 <img src="https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif" alt=""> 
 <div> 
 <pre> 1 /// &lt;summary&gt;
 2 /// 图片填充样式的面元素
 3 /// &lt;/summary&gt;
 4 /// &lt;param name="sender"&gt;&lt;/param&gt;
 5 /// &lt;param name="e"&gt;&lt;/param&gt;
 6 private void toolStripButton_DrawPicSyPolygon_Click(object sender, EventArgs e)
 7 {
 8 //设置空间信息
 9 IPointCollection polygon = new PIE.Geometry.Polygon();
10 polygon.AddPoint(100, 100, 0);
11 polygon.AddPoint(100, 300, 0);
12 polygon.AddPoint(300, 300, 0);
13 polygon.AddPoint(300, 100, 0);
14 (polygon as IPolygon).CloseRings();
15 //定义面元素
16 IPolygonElement polyElement = new PIE.Carto.PolygonElement();
17 polyElement.Geometry = polygon as IGeometry;
18 
19 IPictureFillSymbol picFillSymbol = new PictureFillSymbol();
20 OpenFileDialog openFileDialog = new OpenFileDialog();
21 openFileDialog.Filter = "Picture File|*.bmp";
22 openFileDialog.Title = "选择一张图片：";
23 if (openFileDialog.ShowDialog() != DialogResult.OK) return;
24 picFillSymbol.CreateFromFile(openFileDialog.FileName);
25 picFillSymbol.XOffset = 10;
26 picFillSymbol.YOffset = 10;
27 picFillSymbol.XSeparation = 10;
28 picFillSymbol.YSeparation = 10;
29 picFillSymbol.XScale = 3;
30 picFillSymbol.YScale = 3;
31 picFillSymbol.Rotate = 0;
32 
33 IFillSymbol fillSymbol = picFillSymbol as IFillSymbol;
34 polyElement.Symbol = fillSymbol; mapControlMain.ActiveView.GraphicsContainer.AddElement(polyElement); mapControlMain.PartialRefresh(ViewDrawPhaseType.ViewAll);
35 } 
36 IFillSymbol fillSymbol = picFillSymbol as IFillSymbol;
37 polyElement.Symbol = fillSymbol; m_mapControl.ActiveView.GraphicsContainer.AddElement(polyElement); m_mapControl.PartialRefresh(ViewDrawPhaseType.ViewAll);</pre> 
 </div> 
 
 </div> </td> 
 </tr> 
 </tbody> 
</table>

#### 2.4.4. 示例截图 ####

![1532888-20181224175938287-120593285.png][]

**2.5. MultiLayerFillSymbol****类型的点元素的绘制**

#### 2.5.1 实现思路及原理说明 ####

#### 2.5.2. 核心接口与方法 ####

#### 2.5.3. 示例代码 ####

<table style="width:600px;"> 
 <tbody> 
 <tr> 
 <td> 数据路径 </td> 
 <td> 百度云盘地址下/PIE示例程序/08元素绘制/03面的绘制 </td> 
 </tr> 
 <tr> 
 <td> 视频路径 </td> 
 <td> 百度云盘地址下/PIE视频教程/08元素绘制/03面的绘制.avi </td> 
 </tr> 
 <tr> 
 <td colspan="2"> 示例代码 </td> 
 </tr> 
 <tr> 
 <td colspan="2"> 
 <div> 
 <img src="https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif" alt=""> 
 <img src="https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif" alt=""> 
 <div> 
 <pre> 1 /// &lt;summary&gt;
 2 /// 多个符号叠加生成的样式的面元素
 3 /// &lt;/summary&gt;
 4 /// &lt;param name="sender"&gt;&lt;/param&gt;
 5 /// &lt;param name="e"&gt;&lt;/param&gt;
 6 private void toolStripButton_DrawMultiSyPolygon_Click(object sender, EventArgs e)
 7 {
 8 IPointCollection polygon = new PIE.Geometry.Polygon();
 9 polygon.AddPoint(100, 100, 0);
10 polygon.AddPoint(100, 300, 0);
11 polygon.AddPoint(300, 300, 0);
12 polygon.AddPoint(300, 100, 0);
13 (polygon as IPolygon).CloseRings();
14 //定义面元素
15 IPolygonElement polyElement = new PIE.Carto.PolygonElement();
16 polyElement.Geometry = polygon as IGeometry;
17 
18 IMultiLayerFillSymbol multiLayerFillSymbol = new MultiLayerFillSymbol();
19 
20 //ISimpleFillSymbol简单填充符号
21 ISimpleFillSymbol simpleFillSymbol = new SimpleFillSymbol();
22 simpleFillSymbol.Style = SimpleFillStyle.SFSDense2Pattern;
23 IFillSymbol fillSybol = simpleFillSymbol as IFillSymbol;
24 fillSybol.Color = Color.Pink;
25 
26 //ILineFillSymbol 线填充符号
27 ILineFillSymbol lineFillSymbol = new LineFillSymbol();
28 
29 //设置简单的线符号
30 ISimpleLineSymbol simpleLineSymbol = new SimpleLineSymbol();
31 simpleLineSymbol.Style = SimpleLineStyle.SLSDashDot;
32 ILineSymbol lineSymbol = simpleLineSymbol as ILineSymbol;
33 lineSymbol.Color = Color.Green;
34 lineSymbol.Join = LineJoinStyle.LJSMitre;
35 lineSymbol.Width = 4;
36 lineSymbol.Cap = LineCapStyle.LCSSquare;
37 
38 lineFillSymbol.LineSymbol = lineSymbol;
39 IFillSymbol fillSymbol2 = lineFillSymbol as IFillSymbol;
40 
41 multiLayerFillSymbol.AddLayer(fillSybol, false);
42 multiLayerFillSymbol.AddLayer(fillSymbol2, false);
43 polyElement.Symbol = multiLayerFillSymbol as IFillSymbol; mapControlMain.ActiveView.GraphicsContainer.AddElement(polyElement); mapControlMain.PartialRefresh(ViewDrawPhaseType.ViewAll);
44 }</pre> 
 </div> 
 
 </div> </td> 
 </tr> 
 </tbody> 
</table>

#### 2.5.4. 示例截图 ####

![1532888-20181224180031450-1215753169.png][]

转载于:https://www.cnblogs.com/PIESat/p/10170135.html

[1532888-20181224175321483-217097378.png]: /images/20211223/480ac8ef79eb420eb0bdceb5b276f282.png
[1532888-20181224175731421-378986039.png]: /images/20211223/685990b9d6f34327910ce81a703f2eb9.png
[1532888-20181224175814738-1615716200.png]: /images/20211223/d6405184ab7f4bdeaa7440be4d47ff90.png
[1532888-20181224175938287-120593285.png]: /images/20211223/4305ace947064406b5a8b3191cd8491c.png
[1532888-20181224180031450-1215753169.png]: /images/20211223/a39cdf8e8e3a462ba2ced36889f1ede1.png