【Android】3.18 示例18--自定义绘制功能

分类：C#、Android、VS2015、百度地图应用； 创建日期：2016-02-04

简介：介绍自定义绘制点、线、多边形、圆等几何图形和文字

详述：

（1）支持绘制凸多边形，如要绘制凹多边形请用三角形进行拼接；

（2）支持绘制文字；

一、运行截图

本示例运行截图如下：

二、设计步骤

1、添加Demo18_geometry.xml文件

在layout文件夹下添加该文件，然后将代码改为下面的内容：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<CheckBox
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:checked="false"
android:text="虚线绘制"
android:id="@+id/dottedline" />

<Button
android:id="@+id/btnReset"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginBottom="10dip"
android:layout_marginLeft="10dip"
android:layout_marginRight="10dip"
android:layout_marginTop="10dip"
android:layout_weight="1.0"
android:text="绘制" />

<Button
android:id="@+id/btnClear"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginBottom="10dip"
android:layout_marginLeft="10dip"
android:layout_marginRight="10dip"
android:layout_marginTop="10dip"
android:layout_weight="1.0"
android:text="清除" />
</LinearLayout>

<com.baidu.mapapi.map.TextureMapView
android:id="@+id/bmapView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:clickable="true" />

</LinearLayout>

2、添加Demo18Geometry.cs文件

在SrcSdkDemos文件夹下添加该文件，然后将其内容改为下面的代码：

using System.Collections.Generic;
using Android.App;
using Android.Content.PM;
using Android.OS;
using Android.Graphics;
using Android.Widget;
using Com.Baidu.Mapapi.Map;
using Com.Baidu.Mapapi.Model;
using Java.Lang;
namespace BdMapV371Demos.SrcSdkDemos
{
/// <summary>
/// 此demo用来展示如何在地图上用GraphicsOverlay添加点、线、多边形、圆，同时展示如何在地图上用TextOverlay添加文字
/// </summary>
[Activity(Label = "@string/demo_name_geometry",
ConfigurationChanges = ConfigChanges.Orientation | ConfigChanges.KeyboardHidden,
ScreenOrientation = ScreenOrientation.Sensor)]
public class Demo18Geometry : Activity
{
TextureMapView mMapView;
BaiduMap mBaiduMap;
Polyline mPolyline;
Polyline mColorfulPolyline;
Polyline mTexturePolyline;
BitmapDescriptor mRedTexture = BitmapDescriptorFactory.FromAsset("icon1_road_red_arrow.png");
BitmapDescriptor mBlueTexture = BitmapDescriptorFactory.FromAsset("icon1_road_blue_arrow.png");
BitmapDescriptor mGreenTexture = BitmapDescriptorFactory.FromAsset("icon1_road_green_arrow.png");

protected override void OnCreate(Bundle savedInstanceState)
{
base.OnCreate(savedInstanceState);
SetContentView(Resource.Layout.demo18_geometry);

// 初始化地图
mMapView = FindViewById<TextureMapView>(Resource.Id.bmapView);
mBaiduMap = mMapView.Map;

// UI初始化
Button resetBtn = FindViewById<Button>(Resource.Id.btnReset);
resetBtn.Click += delegate
{
// 添加绘制元素
AddCustomElementsDemo();
};
Button clearBtn = FindViewById<Button>(Resource.Id.btnClear);
clearBtn.Click += delegate
{
// 清除所有图层
mMapView.Map.Clear();
};
CheckBox dottedline = FindViewById<CheckBox>(Resource.Id.dottedline);
dottedline.CheckedChange += delegate
{
if (mPolyline == null) return;
if (dottedline.Checked) mPolyline.DottedLine = true;
else mPolyline.DottedLine = false;
};
}

/// <summary>
/// 添加点、线、多边形、圆、文字
/// </summary>
public void AddCustomElementsDemo()
{
// 添加普通折线绘制
LatLng p1 = new LatLng(39.97923, 116.357428);
LatLng p2 = new LatLng(39.94923, 116.397428);
LatLng p3 = new LatLng(39.97923, 116.437428);
IList<LatLng> points = new List<LatLng>();
points.Add(p1);
points.Add(p2);
points.Add(p3);
OverlayOptions ooPolyline = new PolylineOptions()
.InvokeWidth(10)
.InvokeColor(Color.ParseColor("#AAFF0000").ToArgb())
.InvokePoints(points);
mPolyline = (Polyline)mBaiduMap.AddOverlay(ooPolyline);

// 添加多颜色分段的折线绘制
LatLng p11 = new LatLng(39.965, 116.444);
LatLng p21 = new LatLng(39.925, 116.494);
LatLng p31 = new LatLng(39.955, 116.534);
LatLng p41 = new LatLng(39.905, 116.594);
LatLng p51 = new LatLng(39.965, 116.644);
IList<LatLng> points1 = new List<LatLng>();
points1.Add(p11);
points1.Add(p21);
points1.Add(p31);
points1.Add(p41);
points1.Add(p51);
IList<Integer> colorValue = new List<Integer>();
colorValue.Add(Integer.ValueOf(Color.ParseColor("#AAFF0000").ToArgb()));
colorValue.Add(Integer.ValueOf(Color.ParseColor("#AA00FF00").ToArgb()));
colorValue.Add(Integer.ValueOf(Color.ParseColor("#AA0000FF").ToArgb()));
OverlayOptions ooPolyline1 = new PolylineOptions()
.InvokeWidth(10)
.InvokeColor(Color.ParseColor("#AAFF0000").ToArgb())
.InvokePoints(points1)
.ColorsValues(colorValue);
mColorfulPolyline = (Polyline)mBaiduMap.AddOverlay(ooPolyline1);

// 添加多纹理分段的折线绘制
LatLng p111 = new LatLng(39.865, 116.444);
LatLng p211 = new LatLng(39.825, 116.494);
LatLng p311 = new LatLng(39.855, 116.534);
LatLng p411 = new LatLng(39.805, 116.594);
IList<LatLng> points11 = new List<LatLng>();
points11.Add(p111);
points11.Add(p211);
points11.Add(p311);
points11.Add(p411);
IList<BitmapDescriptor> textureList = new List<BitmapDescriptor>();
textureList.Add(mRedTexture);
textureList.Add(mBlueTexture);
textureList.Add(mGreenTexture);
IList<Integer> textureIndexs = new List<Integer>();
textureIndexs.Add(Integer.ValueOf(0));
textureIndexs.Add(Integer.ValueOf(1));
textureIndexs.Add(Integer.ValueOf(2));
OverlayOptions ooPolyline11 = new PolylineOptions()
.InvokeWidth(20)
.InvokePoints(points11)
.DottedLine(true)
.InvokeCustomTextureList(textureList)
.TextureIndex(textureIndexs);
mTexturePolyline = (Polyline)mBaiduMap.AddOverlay(ooPolyline11);

// 添加弧线
OverlayOptions ooArc = new ArcOptions()
.InvokeColor(Color.ParseColor("#AA00FF00").ToArgb())
.InvokeWidth(4)
.Points(p1, p2, p3);
mBaiduMap.AddOverlay(ooArc);

// 添加圆
LatLng llCircle = new LatLng(39.90923, 116.447428);
OverlayOptions overlayCircle = new CircleOptions()
.InvokeFillColor(0x000000FF)
.InvokeCenter(llCircle)
.InvokeStroke(new Stroke(15, Color.ParseColor("#AA000000").ToArgb()))
.InvokeRadius(12400);
mBaiduMap.AddOverlay(overlayCircle);

LatLng llDot = new LatLng(39.98923, 116.397428);
OverlayOptions ooDot = new DotOptions()
.InvokeCenter(llDot)
.InvokeRadius(16)
.InvokeColor(Color.ParseColor("#FF0000FF").ToArgb());
mBaiduMap.AddOverlay(ooDot);

// 添加多边形
LatLng pt1 = new LatLng(39.93923, 116.357428);
LatLng pt2 = new LatLng(39.91923, 116.327428);
LatLng pt3 = new LatLng(39.89923, 116.347428);
LatLng pt4 = new LatLng(39.89923, 116.367428);
LatLng pt5 = new LatLng(39.91923, 116.387428);
IList<LatLng> pts = new List<LatLng>();
pts.Add(pt1);
pts.Add(pt2);
pts.Add(pt3);
pts.Add(pt4);
pts.Add(pt5);
OverlayOptions polygon = new PolygonOptions()
.InvokePoints(pts)
.InvokeStroke(new Stroke(15, Color.ParseColor("#AA00FF00").ToArgb()))
.InvokeFillColor(Color.ParseColor("#AAFFFF00").ToArgb());
mBaiduMap.AddOverlay(polygon);

// 添加文字
LatLng t = new LatLng(39.86923, 116.397428);
OverlayOptions t1 = new TextOptions()
.InvokeBgColor(Color.ParseColor("#AAFFFF00").ToArgb())
.InvokeFontSize(54)
.InvokeFontColor(Color.ParseColor("#FFFF00FF").ToArgb())
.InvokeText("百度地图SDK")
.InvokeRotate(-30)
.InvokePosition(t);
mBaiduMap.AddOverlay(t1);
}

protected override void OnPause()
{
mMapView.OnPause();
base.OnPause();
}

protected override void OnResume()
{
mMapView.OnResume();
base.OnResume();
}

protected override void OnDestroy()
{
mMapView.OnDestroy();
mRedTexture.Recycle();
mBlueTexture.Recycle();
mGreenTexture.Recycle();
base.OnDestroy();
}

}
}

3、修改MainActivity.cs

在MainActivity.cs文件的demos字段定义中，去掉【示例18】下面的注释。

运行观察结果。