UI2CODE 图片识别自动生成代码

大前端（上午场）

2019-06-22 10:00--11:00

案例背景简介：
基于 图片 如何精确识别我们定义的 基础UI控件、自定义UI控件、业务控件，并提高识别的准确率，并准确的提取出 对应控件的基础属性， 来保证代码还原的精确实现， 另外 关于 如何 基于静态的图片生成动态的flex 的精确布局，也是比较大的挑战。

解决思路/成功要点：
引入 tensflow 来建立对应的组件分类，另外 也引入了 一些图像理解的技术 来帮助识别并提取对应的属性，另外我们还实现了 基于 基础的组件信息和关系 去识别 该组件的语义信息，和后端的 VIEWMODEL 进行打通，在传统的前端基础的工程能力基础上 拓展了新的机器学习的思路和想法。

成果：
目前 我们基于精确度比较高的 图片 已经能比较好的产出对应的 UI还原界面， 目前我们支持了 weex和flutter和淘宝小程序 3种对应的实现，已经在闲鱼自己目前的工作环境里 对效率产生了比较大的提升。