示例中心
功能在线体验
menu 导航 closed 关闭

高德 开发 iOS 导航SDK 开发指南 UI界面定制 自定义其他图面元素

更新时间:2020年10月21日

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;
新用户
福利
示例
中心
常见
问题