pxcook导出html代码,Pxcook标注工具的具体使用方法介绍

有的用户还不会使用Pxcook标注工具，下文是小编给大家分享的Pxcook标注工具的具体使用方法，希望对你们有所帮助哦。

1、下载安装PxCook后进入sketch界面，点击下图图标。

2、点击后在左侧选择需要导出的图层，点选“导出选中的画板”，点击“导出到pxcook”，

3、点击后跳转到pxcook界面，首先输入项目的名称进行命名，

4、输入项目名称后需要选择格式，如下图ios、Android或者web，选择后点击“创建项目”，

5、成功创建项目后进入项目列表页，点击需要进行操作的项目，

6、点击后进入开发者模式，在右侧可查看相应部分的代码，需要标注的话，点击“设计”，

7、进入设计界面，在页面中点击需要进行标注的部分，然后在左侧点选工具，

8、教一个快速的标注方法，要标注两个形状之间间距的时候，点选一个形状，按住左键拖动会出现一条线，移动到目标形状放开即可，

9、放开后即可快速标注出两个形状之间的距离，如下图的4pt，

10、双击文本部分，能够手动进行数值调整，

11、在上方颜色中我们可更改标注的颜色，然后点击“保存”，选择位置，点击“存储”即可。

以上就是Pxcook标注工具的具体使用方法了，希望可以帮助到大家!

pxcook导出html代码,Pxcook标注工具的具体使用方法介绍相关推荐

pxcook导出html代码,Pxcook标注工具的相关使用说明
设计师在对页面进行设计后,需要进行标注之后才能给前端开发进行制作,手动标注是很费时间的,下面介绍一款便捷标注插件工具,就是pxcook,一起来看它的具体使用方法. PxCook标注工具怎么用?PxCo ...
pxcook导出html代码,PxCook中标注工具的使用方法
今天我们来学习一下有关于PxCook中标注工具吧,下文是小编带来的PxCook中标注工具的使用方法,一起来学习一下吧. PxCook中标注工具的使用方法 1.下载安装PxCook后进入sketch界面 ...
mysql统计数据的代码_MySQL按时间统计数据的方法介绍（代码示例）
本篇文章给大家带来的内容是关于MySQL按时间统计数据的方法介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 在做数据库的统计时,经常会需要根据年.月.日来统计数据,然 ...
mysql如何创建用户代码_MySQl创建用户和授权的方法介绍（代码示例）
本篇文章给大家带来的内容是关于MySQl创建用户和授权的方法介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 权限的管理:如何创建用户和密码给当前的用户授权移除当前 ...
cppcheck 自定义规则_cppcheck代码静态检查工具及相关工具插件用法介绍
摘要:介绍代码缺陷静态检查工具(static code analyzer)cppcheck,以及其vs.qtcreator.git.jenkins插件及用法. Cppcheck着重于检测未定义的行为和 ...
深度学习标注工具LabelImg的使用方法
欢迎移步我的个人博客如下图所示,将图片加载进来 data文件夹下predefined_classes.txt保存了所有categories的名称,作为一会标注时候的备选项. 常用快捷键: Ctrl ...
html5如何将图片堆叠代码,css实现图片堆叠效果的方法介绍
css实现图片堆叠效果的方法介绍发布时间:2020-04-03 13:49:30 来源:亿速云阅读:51 作者:小新今天小编给大家分享的是css实现图片堆叠效果的方法介绍,很多人都不太了解,今天 ...
像素大厨标注如何导出Html,每个设计师都在用的UI标注工具UI切图软件——PxCook像素大厨...
PxCook(像素大厨)是面向设计师的一款免费.交互流畅.全平台支持的标注切图工具软件.它支持对PS.Sketch设计元素尺寸.元素距离.文本样式.颜色的智能标注,支持智能切图. 以下,就会着重展示P ...
怎样构建中文文本标注工具?（附工具、代码、论文等资源）
来源:Paperweekly 本文长度为2218字,建议阅读4分钟本文为你介绍中文文本标注工具的构建方法,并提供多个开源文本标注工具. 项目地址: https://github.com/crownp ...

pxcook导出html代码,Pxcook标注工具的具体使用方法介绍

pxcook导出html代码,Pxcook标注工具的具体使用方法介绍相关推荐

最新文章

热门文章