一款好用的工具-PxCook(对android,ios,web,RN都很友好)

PxCook

PxCook是FancyNode团队开发的一款软件。
下面是FancyNode团队的几款软件，主要针对设计人员。作为一个开发人员我是非常喜欢PxCook的。

微信截图_20180827150341.png

以前基本上用MarkMan和风向标(这两个就不说了，想了解的可以搜索一下)。自从用了PxCook，其他两个就卸载了

PxCook安装

下载地址：http://www.fancynode.com.cn/pxcook

微信截图_20180827151449.png

PxCook的运行需要AIR运行环境，先安装上图红框中的Adobe AIR环境。再下载对应的windows或macos版本进行安装

PxCook基本使用

1.创建项目

微信截图_20180827151824.png

微信截图_20180827152100.png

填写项目名称

选择项目平台

ios 项目可以生成Objective-c,Swift,React-native样式代码
Android项目可以生成XMl,React-native样式代码
Web项目可以生成CSS样式代码

选择项目类型

创建本地项目：文件是保存在本地的。永久免费不限量
创建协作项目：可以团队协同工作，需要注册账号，可以创建一个永久免费项目
有更高需求的可以使用其他收费版本

微信截图_20180827153646.png

2.添加画板

图片.png

图片.png

图片.png

打开项目将UI设计图添加到项目中

2.开发标注

画板界面

图片.png

打开画板设置相关属性

鼠标点击控件即可生成对应样式代码

Android项目

图片.png

图片.png

ios项目

图片.png

图片.png

Web项目

图片.png