ArcGIS for Android(安卓)Runtime100 基本操作（五）——绘制图层和符号渲染

在ArcGIS里我们经常要高亮显示一些图形，比如GPS轨迹，查询、分析出来的地块图形等。在ArcGIS10.2.X版本里，一般我们都会新建FeatureLayer来放置这些图形，然后渲染显示；但是在Runtime100 里删除了这个类，取而代之的是一个新类——GraphicsOverlay作为绘制图层，并和地图内容分开来。其和MapView以及ArcGISMap的关系如下所示：

单独把绘制图层拿出来的一个好处就是，它将永远置于地图内容之上。在以前我们如果要在MapView里加载一个新的图层，必须先remove带有图形的FeatureLayer，加载这个图层之后再加载一次带有图形的FeatureLayer，否则我们这个FeatureLayer将会被新加载的图层所覆盖。现在这个问题就不复存在了。

那么我们来看下GraphicsOverlay的用法吧。

GraphicsOverlay加载

首先是实例化。GraphicsOverlay的实例化方法如下：

GraphicsOverlay graphicsOverlay_1=new GraphicsOverlay();GraphicsOverlay graphicsOverlay_2=new GraphicsOverlay(GraphicsOverlay.RenderingMode.DYNAMIC);

GraphicsOverlay默认的构造模式一共有两种：DYNAMIC和STATIC，默认的是动态渲染模式DYNAMIC。

当为DYNAMIC模式时候，每当图形有变化时候GraphicsOverlay会立刻更新图形；而为STATIC模式时候，图形变化了不会马上更新，而是在进行地图的缩放、旋转和平移时候才更新图层，适合于绘制图层里含有大量图形时候使用，以防图形更新太慢影响体验。

使用方法也很简单，只需要GraphicsOverlay.getGraphics().add(Graphic graphic)，然后加载到MapView里即可。举一个简单的例子，以下代码是点击屏幕后在对应地方高亮显示个红点：

mMapView.setOnTouchListener(new DefaultMapViewOnTouchListener(this, mMapView) {    @Override    public boolean  onSingleTapConfirmed(MotionEvent v) {        android.graphics.Point screenPoint=new android.graphics.Point(Math.round(v.getX()), Math.round(v.getY()));        Point clickPoint = mMapView.screenToLocation(screenPoint);        GraphicsOverlay graphicsOverlay_1=new GraphicsOverlay();        SimpleMarkerSymbol pointSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.Style.DIAMOND, Color.RED, 10);        Graphic pointGraphic = new Graphic(clickPoint,pointSymbol);        graphicsOverlay_1.getGraphics().add(pointGraphic);        mMapView.getGraphicsOverlays().add(graphicsOverlay_1);        return true;    }});

效果图如下：

图上四个点就是我点击的四下屏幕。

符号Symbol使用

Symbol类是一个用来控制显示图形符号样式的类。

比如在上述的例子里，我用了SimpleMarkerSymbol类来设置我要高亮显示点的样式为菱形，红色，10px大小。

在Runtime100里对于Symbol类也进行了比较大的更改，多了一些参数，使得符号的样式更加丰富。下面我简单的介绍下各类符号。

点符号（MarkerSymbol）

点符号，顾名思义就是用来修饰Point的符号。包含三种类型，分别是PictureMarkerSymbol（图片点符号）, SimpleMarkerSymbol（简单点符号）和 TextSymbol（文本符号）。

SimpleMarkerSymbol的构造方法为：

SimpleMarkerSymbol(SimpleMarkerSymbol.Style style, int color, float size)

三个参数分别是点样式，颜色以及点的大小。默认的构造参数为（circle，Black，0.0）

样式包含：

构造以后，有两种方法方法来使用，一种是直接构造新的图形，加入GraphicsOverlay里；另一种是加入到GraphicsOverlay的渲染里：

GraphicsOverlay.getGraphics().add(new Graphic(Geometry, SimpleMarkerSymbol));GraphicsOverlay.setRenderer(new SimpleRenderer(SimpleMarkerSymbol));

PictureMarkerSymbol的构造方法为：

PictureMarkerSymbol(BitmapDrawable drawable)PictureMarkerSymbol(String url)PictureMarkerSymbol(String url, RequestConfiguration requestConfiguration)

其实就是给图片点符号里增加一个图片用以显示点。

不过构造以后PictureMarkerSymbol的使用稍微麻烦，因为涉及到加载图片到符号里，所以需要一个异步监听操作：

final PictureMarkerSymbol campsiteSymbol = new PictureMarkerSymbol(bitmapDrawable);campsiteSymbol.loadAsync();campsiteSymbol.addDoneLoadingListener(new Runnable() {    @Override    public void run() {            }});

TextSymbol的构造函数为：

TextSymbol(float size, String text, int color, TextSymbol.HorizontalAlignment hAlign, TextSymbol.VerticalAlignment vAlign)

一共有五个参数，分别是文本字体大小，文本内容，文字颜色以及相对于符号重点水平和竖直的对齐方式。

文本符号的使用方法很简单，和简单点符号相同。

线符号（LineSymbol）

线符号是用来修饰线PolyLine的符号。只有一种类型，SimpleLineSymbol（简单线符号）。

SimpleLineSymbol的构造函数为：

SimpleLineSymbol(SimpleLineSymbol.Style style, int color, float width)

三个参数跟SimpleMarketSymbol相似，分别是样式，颜色，和线宽度。默认的构造参数是（Null,Black,0.0）

样式为：

使用方法和SimpleMarketSymbol也是相似的，有两种方法方法来使用，一种是直接构造新的图形，加入GraphicsOverlay里；另一种是加入到GraphicsOverlay的渲染里：

GraphicsOverlay.getGraphics().add(new Graphic(Geometry, SimpleLineSymbol));GraphicsOverlay.setRender(new SimpleRenderer(SimpleLineSymbol));

面符号（FillSymbol）

面符号是用来修饰面Polygon的符号，一共有两种PictureFillSymbol（图片面符号）, SimpleFillSymbol（简单面符号）。

SimpleFillSymbol的构造函数为：

SimpleFillSymbol(SimpleFillSymbol.Style style, int color, LineSymbol outline)

一共有三个参数，分别是面样式，颜色，以及面的外边线样式。默认参数为（Null,Black,Null ）

样式为：

使用方法和SimpleMarketSymbol也是相似的，有两种方法方法来使用，一种是直接构造新的图形，加入GraphicsOverlay里；另一种是加入到GraphicsOverlay的渲染里：

GraphicsOverlay.getGraphics().add(new Graphic(Geometry, SimpleFillSymbol));GraphicsOverlay.setRender(new SimpleRenderer(SimpleFillSymbol));

PictureMarkerSymbol的构造方法为：

用法同PictureMarkerSymbol，就不用多累述了。

介绍完了符号，举个例子说明下吧。结合本系列的三章，空间数据离线查询做一个I查询的功能，显示对应的面。废话不多说，上代码：

mMapView = (MapView) findViewById(R.id.mapview);arcGISMap = new ArcGISMap();mMapView.setMap(arcGISMap);mMapView.setOnTouchListener(new DefaultMapViewOnTouchListener(this, mMapView) {    @Override    public boolean  onSingleTapConfirmed(MotionEvent v) {        android.graphics.Point screenPoint=new android.graphics.Point(Math.round(v.getX()), Math.round(v.getY()));        final Point clickPoint = mMapView.screenToLocation(screenPoint);        QueryParameters query = new QueryParameters();        query.setGeometry(clickPoint);// 设置空间几何对象        FeatureTable mTable = dataFeatureLayer.getFeatureTable();//得到查询属性表        final ListenableFuture featureQueryResult                = mTable.queryFeaturesAsync(query);        featureQueryResult.addDoneListener(new Runnable() {            @Override            public void run() {                try {                    FeatureQueryResult featureResul = featureQueryResult.get();                    for (Object element : featureResul) {                        if (element instanceof Feature) {                            Feature mFeatureGrafic = (Feature) element;                            Geometry geometry=mFeatureGrafic.getGeometry();                            GraphicsOverlay graphicsOverlay_1=new GraphicsOverlay();                            SimpleMarkerSymbol pointSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.Style.DIAMOND, Color.RED, 10);                            SimpleLineSymbol lineSymbol = new SimpleLineSymbol(SimpleLineSymbol.Style.DASH,Color.GREEN,10);                            SimpleFillSymbol fillSymbol = new SimpleFillSymbol(SimpleFillSymbol.Style.SOLID,Color.YELLOW,lineSymbol);                            Graphic pointGraphic = new Graphic(clickPoint,pointSymbol);                            Graphic fillGraphic = new Graphic(geometry,fillSymbol);                            graphicsOverlay_1.getGraphics().add(pointGraphic);                            graphicsOverlay_1.getGraphics().add(fillGraphic);                            mMapView.getGraphicsOverlays().add(graphicsOverlay_1);                        }                    }                }catch (Exception e){                    e.printStackTrace();                }            }        });        return true;    }});

功能就是展示点击查询到对应的图层，找到这个面，并且设置为红点，绿线，黄面。我们看看效果图：

渲染Renderer使用

渲染也是设置图形样式，相比起符号来，渲染就相当于是批量的图形样式设置。但是当渲染和符号同时存在时候，会优先使用符号的样式

渲染一共包含了ClassBreaksRenderer, HeatmapRenderer, SimpleRenderer, UniqueValueRenderer, UnsupportedRenderer五大类，这里简要以SimpleRenderer介绍下吧。

使用方法其实上面介绍符号时候以及接触到了，以官方例子说明下：

// point graphicPoint pointGeometry = new Point(40e5, 40e5, SpatialReferences.getWebMercator());// red diamond point symbolSimpleMarkerSymbol pointSymbol = new SimpleMarkerSymbol(SimpleMarkerSymbol.Style.DIAMOND, Color.RED, 10);// create graphic for pointGraphic pointGraphic = new Graphic(pointGeometry);// create a graphic overlay for the pointGraphicsOverlay pointGraphicOverlay = new GraphicsOverlay();// create simple rendererSimpleRenderer pointRenderer = new SimpleRenderer(pointSymbol);pointGraphicOverlay.setRenderer(pointRenderer);// add graphic to overlaypointGraphicOverlay.getGraphics().add(pointGraphic);// add graphics overlay to the MapViewmMapView.getGraphicsOverlays().add(pointGraphicOverlay);// line graphicPolylineBuilder lineGeometry = new PolylineBuilder(SpatialReferences.getWebMercator());lineGeometry.addPoint(-10e5, 40e5);lineGeometry.addPoint(20e5, 50e5);// solid blue line symbolSimpleLineSymbol lineSymbol = new SimpleLineSymbol(SimpleLineSymbol.Style.SOLID, Color.BLUE, 5);// create graphic for polylineGraphic lineGraphic = new Graphic(lineGeometry.toGeometry());// create graphic overlay for polylineGraphicsOverlay lineGraphicOverlay = new GraphicsOverlay();// create simple rendererSimpleRenderer lineRenderer = new SimpleRenderer(lineSymbol);// add graphic to overlaylineGraphicOverlay.setRenderer(lineRenderer);// add graphic to overlaylineGraphicOverlay.getGraphics().add(lineGraphic);// add graphics overlay to the MapViewmMapView.getGraphicsOverlays().add(lineGraphicOverlay);//polygon graphicPolygonBuilder polygonGeometry = new PolygonBuilder(SpatialReferences.getWebMercator());polygonGeometry.addPoint(-20e5, 20e5);polygonGeometry.addPoint(20e5, 20e5);polygonGeometry.addPoint(20e5, -20e5);polygonGeometry.addPoint(-20e5, -20e5);// solid yellow polygon symbolSimpleFillSymbol polygonSymbol = new SimpleFillSymbol(SimpleFillSymbol.Style.SOLID, Color.YELLOW, null);// create graphic for polygonGraphic polygonGraphic = new Graphic(polygonGeometry.toGeometry());// create graphic overlay for polygonGraphicsOverlay polygonGraphicOverlay = new GraphicsOverlay();// create simple rendererSimpleRenderer polygonRenderer = new SimpleRenderer(polygonSymbol);// add graphic to overlaypolygonGraphicOverlay.setRenderer(polygonRenderer);// add graphic to overlaypolygonGraphicOverlay.getGraphics().add(polygonGraphic);// add graphics overlay to MapViewmMapView.getGraphicsOverlays().add(polygonGraphicOverlay);

更多相关文章

随机推荐