在上一篇文章《DeepEarth中的几何图形基础框架模型》中将整个DeepEarth的几何图形基础框架模型进行了介绍,之后还通过了绘制一个三角形的应用示例演示了DeepEarth中的几何图形应用。本篇将续着这篇文章介绍DeepEarth中的几何图形应用,包括基本图形绘制(点、线、多边形)和自定义图层的应用。
一、绘制点图层
首先看看如何使用DeepEarth中的几何图形基础框架所提供的点基类(PointBase)来实现在地图上绘制一个坐标点。其使用非常简单,如下代码块(效果图见本文末尾的截图):
<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />-->//创建几何图层对象
vartransformLayer=newGeometryLayer(map)
{
UpdateMode=GeometryLayer.UpdateModes.TransformUpdate,
ID=Guid.NewGuid().ToString()
};
map.Layers.Add(transformLayer);
//创建点对象
vardot=newPointBase();
dot.X=106.5726;
dot.Y=29.5627;
dot.Width=100;
dot.Opacity=0.88;
transformLayer.Add(dot);
二、绘制线条图层
绘制线条同绘制点一样的简单,如果只是绘制一条普通的线条可直接使用DeepEarth几何图形框架所提供的LineString对象就可以完成线条的绘制,如下示例代码:
<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />-->vartransformLayer=newGeometryLayer(map)
{
UpdateMode=GeometryLayer.UpdateModes.TransformUpdate,
ID=Guid.NewGuid().ToString()
};
map.Layers.Add(transformLayer);
//创建线条对象,并初始其前景颜色为黄色,线条宽度为2像素
varline=newLineString(Colors.Yellow,2);
//设置线条的起始和结束地理坐标
line.Points=newObservableCollection<Point>()
{
newPoint(104.062021177233,30.6666587469201),
newPoint(106.489384971208,29.5076372217973)
};
//处理鼠标事件
line.MouseEnter+=(oo,ee)=>
{
varl=ooasLineString;
l.LineColor=Colors.Green;
};
line.MouseLeave+=(mo,me)=>
{
varl=moasLineString;
l.LineColor=Colors.Yellow;
};
transformLayer.Add(line);
上面的代码非常容易理解,就是通过指定线条的开始和结束的地理坐标点进行线条绘制,并为线条的鼠标事件委托事件处理函数,让鼠标经过线条的时候线条颜色变为绿色(Green),鼠标离开线条则线条的颜色恢复为黄色(Yellow)。
对于如何绘制多边形在《DeepEarth中的几何图形基础框架模型》已经介绍了一个绘制三角形的示例,这里就不在作重复的介绍。下面来看看如何实现自定义图形层并将其他添到到DeepEarth中显示出来。
三、自定义图片图层
要实现自定义图形我们需要在一次的去了解PointBase类,它提供了一个点的几何图形元素基础模型,其主要特性就是可以根据一个地理坐标点进行图形的绘制。于此我们要想实现自定义的的图形绘制和呈现只需要继承于PointBase类,然后重写其呈现模版以实现自定义的图形呈现效果,通过动态的指定不同的图片以达到呈现出不同的效果。以下是自定义图形处理类的完整代码:
<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />-->publicclassImageLayer:PointBase
{
protectedGridRootElement;
publicImageLayer(Pointpoint)
{
base.X=point.X;
base.Y=point.Y;
this.Style=Application.Current.Resources["ImageLayerStyle"]asStyle;
}
publicoverridevoidOnApplyTemplate()
{
base.OnApplyTemplate();
this.ImagePath=newBitmapImage(newUri("Resources/arrow.png",UriKind.Relative))asImageSource;
RootElement=GetTemplateChild("RootElement")asGrid;
}
#region依赖属性
///<summary>
///图标路径
///</summary>
publicImageSourceImagePath
{
get{return(ImageSource)this.GetValue(ImagePathProperty);}
set{this.SetValue(ImagePathProperty,value);}
}
publicstaticreadonlyDependencyPropertyImagePathProperty=DependencyProperty.Register(
"ImagePath",
typeof(ImageSource),
typeof(ImageLayer),
newPropertyMetadata(null,newPropertyChangedCallback(delegate(DependencyObjectsender,DependencyPropertyChangedEventArgse)
{
ImageLayerimageLayer=senderasImageLayer;
(imageLayer.GetTemplateChild("imageName")asImage).Source=e.NewValueasImageSource;
}))
);
#endregion
}
在上面的自定义的PointBase的扩展控件中,使用了名为ImageLayerStyle的样式,通过样式规范了直定义图形的展现方法,以下是ImageLayerStyle样式的代码:
<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />--><Stylex:Name="ImageLayerStyle"TargetType="layer:ImageLayer">
<SetterProperty="Template">
<Setter.Value>
<ControlTemplateTargetType="layer:ImageLayer">
<Canvas>
<Gridx:Name="RootElement"MinWidth="48">
<Grid.RenderTransform>
<ScaleTransformx:Name="_ScaleTransform"ScaleX="1"ScaleY="1"/>
</Grid.RenderTransform>
<Imagex:Name="imageName"Stretch="None"Width="48"Height="48"HorizontalAlignment="Center"></Image>
</Grid>
</Canvas>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
到这里就完成了一个自定义图形控件的开发,通过下面代码块的方式就可以使用该自定义图层了:
<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />-->varimageLayer=newGeometryLayer(map)
{
UpdateMode=GeometryLayer.UpdateModes.TransformUpdate,
ID=Guid.NewGuid().ToString()
};
map.Layers.Add(imageLayer);
//ImageLayer为自定义图层,通过该控件的模板设置所加载的图片
varlayer=newImageLayer(newPoint(106.5834,29.5708));
imageLayer.Add(layer);
通过上述一系列的折腾,成功的将自定义的图层应用到了DeepEarth的图层中并呈现出来,这样仅仅只是呈现出了效果;如果我们想要实现一些用户交互的操作就无能为力了,需要为自定义图层添加事件支持,以相应用户的交互操作。上面自定义的ImageLayer实际上就是一个间接继承于Control的Silverlight扩展控件,也就是说普通的Silverlight的控件所具备的行为特性它也全部拥有,比如MouseLeftButtonDown和MouseLeftButtonUp事件特性;另外还可以为其扩展其他的直定义事件支持以实现特定的需求,关于如果扩展自定义事件支持这里就不做介绍。
分享到:
相关推荐
基于Direct3D绘制点、线条、多边形等基本图形等
arcgis for siverlight地图上实现点、线、多边形、矩形和任意图形绘制
填充矩形 随机画矩形 鼠标绘图 色彩变换矩阵 全局变形图形 漂亮的C#登录窗口(动画效果) 路径 另存为 绘制颜色渐变图形 绘制线条 绘制椭圆 绘制扇形 绘制抛物线 绘制矩形 绘制弧线 绘制多边形和折线 ...
点击鼠标绘制不规则多边形,并计算面积.自己复习几何的时候研究实现的一个小功能,无端被涨价了10倍...
vue+Cesium多边形自定义编辑工具CesiumEditPolygon.js。可自定义配置相关点面的颜色和大小。
在绘制多边形的过程中,状 态栏动态显示鼠标光标的位置坐标。 (2)当开始绘制多边形时,更改鼠标光标为十字光标,多边形绘制完毕后 恢复为箭头光标。 (3)多边形闭合后自动调用有效边表算法填充多边形内部...
利用js技术在网页上画出线条、多边形。。。 详细概述及示例
自定义控件实现多边形绘制 图形菜单 绘制五边形,六边形等.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
vb开发ArcEngine 由点绘制多边形
基于QT5.4实现栅格(png格式)的画图板程序,实现多边形,折线,点的画笔,填充颜色的自定义、放大缩小和图形的保存打开等。 基于QT5.4实现栅格(png格式)的画图板程序,实现多边形,折线,点的画笔,填充颜色的...
自定义控件,实现 多边形 图形 菜单,,五边形,六边形等
Android -----高德卫星地图绘制多个点和点的点击事件自定义弹窗,博客地址:http://blog.csdn.net/dickyqie/article/details/78084485
利用百度地图鼠标绘制工具库绘制不规则几何图形并保存坐标转成覆盖物
对矢量图的一系列操作,包括绘制多段线、多边形等基本矢量图形
SharpDX的Winform窗口,渲染在Panel中。 使用的非原有例子中的自带窗口。 使用Effect,运用shader渲染三角形 。 自定义根图层和根图元 https://download.csdn.net/download/jsy000/10886391的后续。
利用鼠标绘制折线、矩形和多边形,左键点击开始绘制,右键单击结束图形绘制
mfc 实现鼠标画 多边形,通过鼠标点击确定点绘制多边形
java 判断点在多边形内 java 判断点在多边形内 java 判断点在多边形内 java 判断点在多边形内 java 判断点在多边形内 Java GIS 多边形 Java点多边形
编写应用程序实现多边形裁剪。要求首先采用鼠标确定裁剪区域(矩形区域),然后用鼠标输入待裁剪的... 多边形绘制完毕后进行裁剪,以不同颜色显示被裁剪对象位于窗口内(此部分应保证多边形的完整性)及外部的部分。
使用VC++6.0编写的计算机图形学实验课,希望对大家有用!