pix2code:从截图生成图形用户界面代码

简介: 将设计人员创建的图形用户界面截图转换为计算机代码是开发人员为构建定制的软件,网站和移动应用程序而进行的一项典型任务。 在本文中,我们展示了深入的学习方法可以用于训练一个端对端的模型,以便从三个不同的平台(即iOS,Android和基于Web的)获得超过77%的准确度的单个输入图像中自动生成代码技术)。

将设计人员创建的图形用户界面截图转换为计算机代码是开发人员为构建定制的软件,网站和移动应用程序而进行的一项典型任务。 在本文中,我们展示了深入的学习方法可以用于训练一个端对端的模型,以便从三个不同的平台(即iOS,Android和基于Web的)获得超过77%的准确度的单个输入图像中自动生成代码技术)。

pix2code: Generating Code from a Graphical User Interface Screenshot

Transforming a graphical user interface screenshot created by a designer into computer code is a typical task conducted by a developer in order to build customized software, websites, and mobile applications. In this paper, we show that deep learning methods can be leveraged to train a model end-to-end to automatically generate code from a single input image with over 77% of accuracy for three different platforms (i.e. iOS, Android and web-based technologies).

项目地址:https://github.com/tonybeltramelli/pix2code

视频地址:https://news.developer.nvidia.com/ai-turns-ui-designs-into-code/

更多机器学习教程:http://www.tensorflownews.com/

相关文章
知乎上有一个问题“在mfc框架中,有上面方法能直接将opencv2.0库中的Mat格式图片传递到Picture Control”中显示?
一直以来,我使用的方法都是shiqiyu在opencvchina上面提供的引入directshow,并且采用cvvimage和cameraDs的方法。这个方法虽然在xp/win7/win8下面都能够成果使用,但是一直以来我都没有动机去深入看一看这个方法。
1289 0
QT基础【4-简易的图片查看程序】
QT基础【4-简易的图片查看程序】
实现一个 Code Pen:(三)10 行代码实现代码格式化
在上文中,我们使用 monaco-editor 结合 Next.js,打造了编辑器的功能,在本文中,我们将继续优化 monaco-editor, 使它拥有代码格式化的功能。
1026 0
QT实现截图工具
最近突发奇想,想实现一个截图软件,于是使用QT写了一个基本的截图软件功能,后续会在优化,接下来我先介绍一下自己的实现思路
124 1
屏幕录制与GIF转换---OpenCV-Python开发指南(46)
屏幕录制与GIF转换---OpenCV-Python开发指南(46)
204 2
【tkinter学习笔记 - 1】:第一个GUI程序、Frame框架的使用、Label标签
【tkinter学习笔记 - 1】:第一个GUI程序、Frame框架的使用、Label标签
193 0
【tkinter学习笔记 - 1】:第一个GUI程序、Frame框架的使用、Label标签
实现一个 Code Pen:(四)浏览器编译代码
前面的文章中,我们配置好了编辑器,实现了 css、html、js 的编辑,现在我们需要做代码实时运行的功能了,并且可以直接写 less、scss、JavaScript、typescript。
233 0
【100个 Unity小知识点】☀️ | Unity中使用代码查询Draw call、Tris和Verts等信息
Unity 小科普 老规矩,先介绍一下 Unity 的科普小知识: Unity是 实时3D互动内容创作和运营平台 。 包括游戏开发、美术、建筑、汽车设计、影视在内的所有创作者,借助 Unity 将创意变成现实。 Unity 平台提供一整套完善的软件解决方案,可用于创作、运营和变现任何实时互动的2D和3D内容,支持平台包括手机、平板电脑、PC、游戏主机、增强现实和虚拟现实设备。 也可以简单把 Unity 理解为一个游戏引擎,可以用来专业制作游戏!
【100个 Unity小知识点】☀️ | Unity中使用代码查询Draw call、Tris和Verts等信息
Qt-第一个QML程序-2-关键代码分析,TEXT,Image,Mouseare
qml语言开始写的时候有点不习惯,后面用的多了感觉很好,很顺手,用于快速搭建项目界面,真的很好。
124 0
Qt-第一个QML程序-2-关键代码分析,TEXT,Image,Mouseare
Python 技术篇-使用pygame库展示界面添加图片不显示问题解决办法
Python 技术篇-使用pygame库展示界面添加图片不显示问题解决办法
493 0
Python 技术篇-使用pygame库展示界面添加图片不显示问题解决办法
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等