现在的位置: 首页 > 架构设计 > 正文

自动化技术在高德地图实践

2019年12月27日 架构设计 ⁄ 共 1216字 ⁄ 字号 评论关闭

  高德地图技术团队希望打造一套快速精准的UI解决方案,通过自动化的方式生产UI代码,解放研发生产力的同时满足客户需求。

自动化技术在高德地图实践

  汽车导航作为ToB业务,需要满足不同汽车厂商在功能和风格上体现各自特色的需求。针对这种情况,传统的UI开发方式,基本上是一对一的特别定制。但是这种方式动辄就要500~600人日的工作量投入,成为业务发展的重要瓶颈。因此,能够对导航UI进行快速定制开发,成为汽车导航业务UI开发的必解课题。

  方案调研

  为了避免重复造轮子,我们调研了行业上现有的UI自动化生成方案。主要分为两种:

  Sketch插件方案:

  该方案是基于Sketch开发插件,利用SketchAPI读取出图层信息转换DSL,主要代表作有imgcook、Dapollo等。

  优势:从SketchAPI可以读取到非常详细的信息,足以生成高质量的界面代码。

  劣势:要求效果图必须使用Sketch制作,并且对效果图会有一定的制图要求。

  图片转代码方案:

  该方案是通过经训练的深度神经网络,从截图或手稿直接生成UI代码,主要代表作有pix2code、Sketch2Code等。

  优势:简单粗暴,通过截图或手绘就可以生成界面资源代码。

  劣势:图层细节丢失,识别准确率欠佳、自适应不好。

  调研总结:

  Sketch插件方案更加适合工程化使用,图片转代码方案更加适合用于快速生产原型。

  目前行业上并没有能完全满足车载导航业务使用的UI自动化解决方案。

  基于以上调研结果,我们决定基于Sketch插件方案,自研适合高德汽车业务需求的UI自动化方案。

  制作环节

  提供效果图编辑的能力:

  制作带有主题信息的控件库供设计师拖拽使用。

  对生成环节需要的信息进行输入(比如布局、控件、动画等)。

  生成环节

  提供资源的生成能力:

  生成xml、drawable、png、asvg等资源,同时打包成可执行程序,用于验证环节。

  对生成资源进行性能优化(如控件智能合并、png图片无损压缩,asvg生成)。

  验证环节

  提供多设备、多分辨率的还原度精准验证能力:

  效果图质量检测能力,提前发现效果图像素偏差,不符合设计规范等问题,降低后期成本。

  布局意图标注能力,通过简单的布局意图标注后,能实现把效果图拉伸成任意分辨率,解决设计师和开发人员沟通不流畅问题,降低沟通成本。

  对比验证能力,通过坐标对比、截图和效果图差分对比等方式,实现还原度的像素级验证,保障资源质量。

  应用环节

  客户端工程资源管理能力:

  通过一系列工具链,简化资源对接成本(如资源导入工具、重复资源清理工具等)。

  开发DHMI主题定制平台,提供给设计师或客户,实现可视化的快速修改客户端主题,自主验证的能力。满足客户不断增长的主题定制需求,实现千人千面。

  结束语:以上就是关于自动化技术在高德地图实践的全部内容,更多内容请关注学步园。

抱歉!评论已关闭.