CodeFun(UI设计稿智能生成源代码软件) v0.4.3官方版
- 软件大小：2.0M
- 更新日期：2022/11/1
- 软件语言：简体
- 软件类别：其它行业
- 软件授权：免费软件
- 软件官网：暂无
- 适用平台：WinAll
CodeFun是一款相当优秀的UI设计稿智能生成源代码的工具，CodeFun可以精准还原设计稿，不再需要反复UI走查，节省您大量的繁琐工作如像扣像素、调布局等。
CodeFun是一款相当优秀的UI设计稿智能生成源代码的工具，CodeFun可以精准还原设计稿，不再需要反复UI走查，节省您大量的繁琐工作如像扣像素、调布局等。
基本简介
CodeFun 是一款 UI 设计稿智能生成源代码的工具，可以将 Sketch、Photoshop 的设计稿智能转换为前端源代码。它最大的特色是：
精准还原设计稿，不再需要反复 UI 走查
可以生成如工程师手写一般的代码
在日常工作中，诸如像扣像素、调布局这些繁琐、枯燥的体力活都将得到极大的削减，原来 8 小时的工作量只需要 10 来分钟即可完成。
功能介绍
在准备完环境后，接下来为大家介绍如何在 1 分钟内将设计稿转换为小程序源代码。
快速上手的教程将以上传 Sketch 设计稿的流程作为范本介绍。Photoshop使用插件上传之后流程与Sketch一样。
CodeFun 的使用流程只有 3 个步骤：
在 Sketch 插件中上传设计稿
在 CodeFun 工具中查看代码
将生成的代码拷贝到自己已有的工程中即可
上传设计稿
加载一份 Sketch 设计稿，然后插件菜单中打开 CodeFun 插件界面。
Sketch 菜单 > 插件 > CodeFun > 上传设计稿
在插件上登录账号
通过插件创建一个项目
然后选择项目和上传页面。
选中账号，选择需要上传到哪个团队中
选择项目空间，表示当前上传的页面将放置到指定项目空间，这里选择默认的个人空间
选择项目，表示当前上传的页面将放置到指定的项目空间中具体项目下，这里选择刚刚创建的 演示案例 项目
选择上传的页面，可以选择单张或上传全部页面
例子中有 3 个页面，这里选择【该页面全部画板】。 上传完成后，点击【查看项目】按钮。
回到 CodeFun 工具界面，看到刚才上传的页面。
查看代码
选择一张设计稿，进入详情页
详情页总体分为左中右三部分
左边栏显示文档树，后文称 DOM Tree，该树结构跟 HTML 的树结构保持一致
中间是画布区域，可以用于选择元素对象
右边栏是被选节点的属性面板，用于展示样式属性、交互配置和组件配置
点击顶部工具栏右上角的查看代码按钮，打开代码面板
代码面板中默认展示 4 列，分别展示 HTML、CSS、JS 和全局样式的代码。
第一次打开时，会默认展示设置面板，如果不做任何修改，那么查看到的是小程序平台的原生代码。
依次点击复制按钮，很方便地将代码拷贝到系统的粘贴板中。
得到 v-for 代码
对于 List、Grid 而言，我们希望得到的代码遵循一种可循环的模式，能够根据数据的长度而自动变化，而不是静态元素的重复拼凑，所以它们在 HTML 上应该是类似 VUE 中 v-for 的写法。
CodeFun 可以支持输出 v-for 模式，以页面中下方的 List 为例，讲解如何得到循环代码。
首先，在代码面板中点击右上角的【设置】按钮，打开【输出为循环列表】的选项，打开这个全局选项后，页面中被打上 List、Grid 这类循环列表标签的元素，都将翻译成 v-for 的模式。
接下来为需要 v-for 的区域打上 List 标签，选中 List 最外层的 View 节点。
点击 Viewport 右上角的【标签】按钮，打开标签面板，然后选择 【List】 标签。 目的是将区域标记为 List。
确保打标签时 List View 节点应该是被选中的状态。
标记完成后，List 区域的代码变为基于 v-for 的写法。
数据绑定
一个正常的列表由于其数据是从后端读取得到的，所以在 HTML 中的代码通常是需要用变量去绑定，当变量内容更新时，页面展示的效果也同时更新。
现在的代码虽然是基于 v-for 风格的，但里面的图片、文本的数据依然还是静态的。
接下来，我们把这些静态元素替换成 JS 中的动态变量。
首先，打开代码设置面板，开启 DataBinding 输出模式
由于【CSS】面板和【全局样式】面板暂时不需要用到，所以先关掉对应的选项隐藏它们。
选中 List 的最外层 View，然后点击 Viewport 右上角的【数据绑定】按钮，
页面右边出现数据绑定面板，面板展示的是 JS 中变量的名字，默认情况下页面中的元素都是静态的，并非取自 JS 变量，所以面板中的内容都是空的。
这里对 List 区域中的变量进行命名。
在 List 右边的输入框中填写 dataList，表示列表的数据来源于一个叫 dataList 的变量。
列表成员中都有一个图片，这里只需要填写第一个成员即可，这里填写它的变量名叫 iconImg。每个成员的上方都有一行文字，变量命名为 title，最后关于折扣的元素命名为 discount。
填写完毕后，点击右下角保存按钮。
更新日志
组件化 & 功能优化
- 微信小程序核心场景样式还原
- 新增文字换行清除工具
- 新增颜色单位支持配置
- 新增元素宽高选中显示
- 算法优化 & 问题修复
- PS Plugin 0.4.3
- Figma Plugin 0.2.2
- 即时设计 Plugin 0.2.2
- Sketch Plugin 0.9.56
有关CodeFun(UI设计稿智能生成源代码软件) v0.4.3官方版的更多相关下载软件
- Safari(苹果浏览器) V4.0.5 绿色版 - 2
软件大小：26.0M更新日期：2023/12/27软件语言：简体软件类别：浏览器类软件授权：免费软件软件官网：暂无适用平台：WinXPApple发布最快Windows平台浏览器，根据Apple所说，针对Windows平台的Safari浏览器称为Safari3，这是目前在windows平台上速度最快的浏览器，业界标准iBech测试显示，Safari浏览网页速度是IE7的两倍，Firef。Apple发布最快Windows平台浏览器，根据Apple所说，针对Windows平台的Safari浏览器称为Safari3，这是目前在windows平台上速度最快的浏览器，业界标准iBech测试显示，Safar
- 迷你桌面股票小工具 v4.0免费版 - 2
软件大小：8.7M更新日期：2023/12/23软件语言：简体软件类别：股票软件软件授权：免费软件软件官网：暂无适用平台：WinAll迷你桌面股票小工具是一款网友开发打造的实用股票行情小工具，软件可以在您的电脑桌面上增加一个看股票行情的小窗口，非常迷你，从远处看根本看不出来，用户可以自行导入股票代码让它显示。 迷你桌面股票小工具是一款网友开发打造的实用股票行情小工具，软件可以在您的电脑桌面上增加一个看股票行情的小窗口，非常迷你，从远处看根本看不出来，用户可以自行导入股票代码让它显示。使用方法 运行需要两个文件: main_exe文件+config.ini配置文件。 运行config.in
- 傲游(Maxthon) 2.5.4.159精简绿色版 - 2
软件大小：3.9M更新日期：2023/12/25软件语言：简体软件类别：浏览器类软件授权：共享软件软件官网：http://www.maxthon.com适用平台：WinXP傲游Maxthon是一款基于IE内核的、多功能、个性化多页面浏览器.。 傲游(Maxthon)是一款基于IE内核的、多功能、个性化多页面浏览器.它允许在同一窗口内打开任意多个页面,减少浏览器对系统资源的占用率,提高网上冲浪的效率.同时它又能有效防止恶意插件,阻止各种弹出式,浮动式广告,加强网上浏览的安全.MaxthonBrowser支持各种外挂工具及IE插件,使你在MaxthonBrowser中可以充分利用所
- 懂球圈 v0.0.2 - 2
类型：资讯阅读版本：v0.0.2大小：6M更新：2024/02/0615:45语言：简体等级：官网：暂无作者：深圳市壹意网络技术有限公司 懂球圈app下载，一款有观点有态度的体育内容互动社区，为更多球迷提供服务，在懂球圈app更多专家大V多角度解读分析，更多同好交流互动。软件介绍 懂球圈是一款专注体育内容社区。聚合了足篮球大V和骨灰球迷，为广大足篮球爱好者提供体育知识、足篮球赛事解读及互动交流。软件特色 大V圈子：专属体育大V圈子，连接超千人的铁杆足篮球迷。 专家专栏：足篮球大V观点，赛事分析，足篮球赛事解读。 大咖问答：你来提问，大咖来答 球迷社区：在社区您可以与大咖直接面对面、
- 闪电音频格式转换器 4.1.3.0 - 2
软件大小：41.7M更新日期：2023/12/22软件语言：简体软件类别：音频处理软件授权：免费软件软件官网：https://www.callmysoft.com/yinpinzhuanhu适用平台：WinAll音频转换音频合并视频转音频音频分割音频压缩视频音频提取，闪电音频格式转换器是一款多功能的音乐音频转换软件，集合了音频格式转换、音频合并、视频音频提取、音频分割、音频压缩、视频转音频，调整声音大小等多种功能，支持的常见音频音乐格式有：mp3/mp2/wav/wma/m4r/m4a/ac3/aac/ogg/flac/aiff；。音频转换,音频合并,视频转音频,音频分割,音频压缩,视频音频提
- Media Player Classic (MPC修改)V6.4汉化版 - 2
软件大小：7.1M更新日期：2023/12/25软件语言：简体软件类别：音乐播放软件授权：免费软件软件官网：http://betaking.yaokai.org/适用平台：WinXPMediaPlayerClassiclooksjustlikeWindowsMediaPlayer6.4buthasmanyadditionalfeatures.。 MediaPlayerClassiclooksjustlikeWindowsMediaPlayer6.4,buthasmanyadditionalfeatures.IthasabuiltinDVDplayerwithreal-timezoom,sup
- 比特币官方网站APP(官方)下载安装安卓/苹果通用4.3 - 2
类型：生活服务版本：大小：144M更新：2024/02/0522:19语言：简体等级：官网：暂无作者：暂无比特币官方网站官网登录软件的简介如下首先很高兴介绍这款2024年的比特币官方网站官网手机登录版最新版软件app给大家，这是一款亲测安全靠谱的软件，有非常广泛的用户基础，比特币官方网站官网手机登录版最新版后有24小时在线客服为您解答任何需要的问题，多年来以优质的服务立足于市场，值得大家信任和下载 接下来是下载的流程，简单介绍给大家！比特币官方网站官网手机登录版最新版app【最新官网地址、注册、登录、登陆、入口、网站、网页、网址、娱乐、手机版、app下载，安卓版，ios苹果版】推荐相关搜索：比
- 博看书苑 v8.4.3 安卓版 - 2
类型：资讯阅读版本：v8.4.3安卓版大小：17.8M更新：2024/01/2112:24语言：简体等级：官网：http://new.bookan.com.cn作者：暂无博看书苑：是一款在线阅读软件，书苑书籍包含了政治、文化、金融、管理、文学、艺术、科学、学术、生活、时尚、教育等十多个领域，做您喜欢的精神食粮。喜欢读书的朋友不能错过哦，快点击下载吧！博看书苑特色：书刊排山倒海 阅读一手掌握期刊：4000余种 图书：30000余册 报纸：200余种；极致的用户体验支持下载、订阅、分享、搜索，更快的浏览速度，更清晰的画面；原貌与文本 一键切换还原纸质体验 享读人生。博看书苑特点：1.
- 爱平阴 v0.0.28 - 2
类型：资讯阅读版本：v0.0.28大小：99.9M更新：2023/12/2314:46语言：简体等级：官网：暂无作者：平阴县融媒体中心（平阴广播电视台）《爱平阴》在客户端+社交时代，平阴县融媒体中心以“传递党的声音、服务中心大局、聚焦平阴发展、关注百姓百事”为定位，以“弘扬主旋律，传播正能量”为宗旨，将政务新闻、新闻视频、特色平阴产业等融为一体，将硬新闻软着陆，秉承以内容制胜，突出本土特色，服务于大局。推出更方便、更快捷的客户端，以便群众及时、准确的了解平阴资讯。点击下载
- 美职联足球直播app下载安卓版2024年 v0.17版 - 2
类型：生活服务版本：v0.17版大小：39M更新：2024/01/2022:20语言：简体等级：官网：https://www.pc6.com/作者：CC在数字化时代，美职联足球直播app下载安卓版2024年v0.17版成为广大体育爱好者和球迷们获取实时赛事内容的首选方式。美职联足球直播应用为用户提供了丰富多样的体育赛事直播，便捷的观赛体验，以及一系列互动和社交功能。以下是有美职联足球直播app软件的详细说明：软件优势1.实时观赛体验：美职联足球直播app软件为用户提供了实时观看各类体育赛事的机会，无论是国际大赛还是本地比赛，用户都可以通过应用随时随地观看比赛。2.多样的体育内容：美职联足球直播