自定义其他图面元素 最后更新时间: 2021年01月22日
UI界面定制指的是AMapNaviView中的图面元素和UI控件都是支持定制化修改的,以便您做出独一无二,符合您业务需求和App风格的导航界面。
AMapNaviView可以分为两层,底层是以地图为容器的图面元素层,SDK会根据路线信息在地图上绘制自车标、起终点、交通路线、转向箭头、电子眼、牵引线、红绿灯等元素。上层是以UI控件元素为主的View层,如路口大图、光柱图、全览按钮、设置按钮等。这里主要介绍一些图面元素的自定义,其他还有:标注的自定义,交通路线的自定义,UI控件的自定义。
转向箭头
关于路线上的转向箭头,我们提供强大的自定义接口,您不仅可以控制显示隐藏,还可控制颜色、宽度、是否为3D效果,具体在RouteOverlayOptions类中如下接口:
/**
* 设置路线上转弯处箭头的颜色
* @param arrowColor 颜色值
*/
public void setArrowColor(int arrowColor)
/**
* 设置是否显示3D箭头,默认显示
* @param turnArrowIs3 true 显示,false 不显示
* @since 6.6.0
*/
public void setTurnArrowIs3D(boolean turnArrowIs3)
/**
* 设置3D箭头侧面颜色,只有显示 3D箭头情况加才有效
* @param arrowSideColor
* @since 6.6.0
*/
public void setArrowSideColor(int arrowSideColor)
AMapNaviViewOptions类中控制是否显示转向箭头
/**
* 设置路线转向箭头隐藏和显示
* @param isArrow
* @since 6.3.0
*/
public void setNaviArrowVisible(boolean isArrow)
电子眼
路线上的电子眼,可以通过在AMapNaviViewOptions类中如下接口,进行显示隐藏设置。
/**
* 设置路线上的摄像头气泡是否显示
* @param cameraBubbleShow true代表显示,false代表不显示
*/
public void setCameraBubbleShow(boolean cameraBubbleShow)
牵引线
如上图所示,所谓的“牵引线”,指的就是起点到终点的飞线,我们可以通过在AMapNaviViewOptions类中如下接口控制其显示和隐藏。
/**
* 设置是否绘制牵引线(当前位置到目的地的指引线)。默认不绘制牵引线。
*
* @param color 设置牵引线颜色,为ARGB格式。不显示牵引线时,颜色设置为-1即可。
*/
public void setLeaderLineEnabled(int color)
红绿灯
路线上的红绿灯,我们可以通过AMapNaviView中如下接口控制其显示和隐藏。
/**
* 设置是否显示路线上的交通信号灯
* @param isVisible true 显示 false 不显示 默认为显示
* @since 6.2.0
*/
public void setTrafficLightsVisible(boolean isVisible)