一款好用的工具-PxCook(对android,ios,web,
2018-08-27 本文已影响144人
07be9a549c1e
PxCook
PxCook是FancyNode团队开发的一款软件。
下面是FancyNode团队的几款软件,主要针对设计人员。作为一个开发人员我是非常喜欢PxCook的。

以前基本上用MarkMan和风向标(这两个就不说了,想了解的可以搜索一下)。自从用了PxCook,其他两个就卸载了
PxCook安装
下载地址:http://www.fancynode.com.cn/pxcook

PxCook的运行需要AIR运行环境,先安装上图红框中的Adobe AIR环境。再下载对应的windows或macos版本进行安装
PxCook基本使用
1.创建项目


填写项目名称
选择项目平台
ios 项目可以生成Objective-c,Swift,React-native样式代码
Android项目可以生成XMl,React-native样式代码
Web项目可以生成CSS样式代码
选择项目类型
创建本地项目:文件是保存在本地的。永久免费不限量
创建协作项目:可以团队协同工作,需要注册账号,可以创建一个永久免费项目
有更高需求的可以使用其他收费版本

2.添加画板



打开项目将UI设计图添加到项目中
2.开发标注
画板界面

打开画板设置相关属性
鼠标点击控件即可生成对应样式代码
Android项目


ios项目


Web项目
