一款好用的工具-PxCook(对android,ios,web,
2018-08-27 本文已影响144人
07be9a549c1e
PxCook
PxCook是FancyNode团队开发的一款软件。
下面是FancyNode团队的几款软件,主要针对设计人员。作为一个开发人员我是非常喜欢PxCook的。
![](https://img.haomeiwen.com/i9417821/00900f1576718cdf.png)
以前基本上用MarkMan和风向标(这两个就不说了,想了解的可以搜索一下)。自从用了PxCook,其他两个就卸载了
PxCook安装
下载地址:http://www.fancynode.com.cn/pxcook
![](https://img.haomeiwen.com/i9417821/e04e75f228da3c58.png)
PxCook的运行需要AIR运行环境,先安装上图红框中的Adobe AIR环境。再下载对应的windows或macos版本进行安装
PxCook基本使用
1.创建项目
![](https://img.haomeiwen.com/i9417821/7fbb92aa8071aeb3.png)
![](https://img.haomeiwen.com/i9417821/7294186205d3babc.png)
填写项目名称
选择项目平台
ios 项目可以生成Objective-c,Swift,React-native样式代码
Android项目可以生成XMl,React-native样式代码
Web项目可以生成CSS样式代码
选择项目类型
创建本地项目:文件是保存在本地的。永久免费不限量
创建协作项目:可以团队协同工作,需要注册账号,可以创建一个永久免费项目
有更高需求的可以使用其他收费版本
![](https://img.haomeiwen.com/i9417821/300e3555dadac225.png)
2.添加画板
![](https://img.haomeiwen.com/i9417821/65ddb42cb5247dcd.png)
![](https://img.haomeiwen.com/i9417821/a5fedbe1cf8b589c.png)
![](https://img.haomeiwen.com/i9417821/4738ede7891f029b.png)
打开项目将UI设计图添加到项目中
2.开发标注
画板界面
![](https://img.haomeiwen.com/i9417821/49e47e3ad5eb95ee.png)
打开画板设置相关属性
鼠标点击控件即可生成对应样式代码
Android项目
![](https://img.haomeiwen.com/i9417821/a4fe56094fc20946.png)
![](https://img.haomeiwen.com/i9417821/cff999e4eaca6fa1.png)
ios项目
![](https://img.haomeiwen.com/i9417821/1fabe4306dfe3964.png)
![](https://img.haomeiwen.com/i9417821/571093a30da59816.png)
Web项目
![](https://img.haomeiwen.com/i9417821/abb5a5b117657802.png)