自定义其他图面元素 最后更新时间: 2021年01月22日
UI界面定制是指:AMapNaviDriveView、AMapNaviWalkView和AMapNaviRideView中的图面元素,以及界面中的UI控件都支持定制化修改,以便您做出独一无二,符合您业务需求和App风格的导航界面。以下,以AMapNaviDriveView为例。
AMapNaviDriveView可以分为两层,底层是以地图为容器的图面元素层,SDK会根据路线信息在地图上绘制自车标、起终点、交通路线、转向箭头、电子眼、牵引线、红绿灯等元素。上层是以UI控件元素为主的Widget层,如路口大图、光柱图、全览按钮、设置按钮等。这里主要介绍一些图面元素的自定义,其他还有:标注的自定义,交通路线的自定义,UI控件的自定义。
转向箭头
关于路线上的转向箭头,我们提供强大的自定义接口,您不仅可以控制显示隐藏,还可控制颜色、宽度、是否为3D效果,具体如下接口:
///路线上是否显示转向箭头,默认YES
@property (nonatomic, assign) BOOL showTurnArrow;
///路线上转弯箭头颜色. since 6.1.0
@property (nonatomic, strong) UIColor *turnArrowColor;
///路线上转弯箭头的宽度,设置0恢复默认宽度. since 6.2.0
@property (nonatomic, assign) CGFloat turnArrowWidth;
///路线上转弯箭头是否为3D箭头线,默认为YES. since 6.6.0
@property (nonatomic, assign) BOOL turnArrowIs3D;
///路线上转弯箭头设置3D箭头的侧边颜色(当turnArrowIs3D为YES时有效). since 6.6.0
@property (nonatomic, strong) UIColor *turnArrowSideColor;
电子眼
路线上的电子眼,除了自定义标注-电子眼介绍的自定义图标纹理之外,我们还可以控制电子眼的显示和隐藏,这里的显隐效果影响的包括了路线上的图标和立起来的气泡图标。
///路线上是否显示摄像头,默认YES
@property (nonatomic, assign) BOOL showCamera;
牵引线
如上图所示,所谓的“牵引线”,指的就是起点到终点的飞线,我们可以通过如下接口控制其显示和隐藏。
///是否显示牵引线,默认YES. since 6.2.0
@property (nonatomic, assign) BOOL showVectorline;
红绿灯
路线上的红绿灯,我们可以通过如下接口控制其显示和隐藏。
///是否显示红绿灯图标,默认YES. since 6.2.0
@property (nonatomic, assign) BOOL showTrafficLights;