imgcook(图像大厨)

　　imgcook提供更简单的图像处理功能，可以在PS上处理图片，可以将PS设计的图像导出使用，直接将图像发布到imgcook平台编辑，从而在开发软件或者是设计UI界面的时候更加简单，imgcook编辑器功能很多，可以为用户开发软件，可以编辑菜单界面，可以优化UI，用户可以将photo设计的元件添加到该平台使用，帮助用户轻松开发小程序，如果用户会使用这款软件就直接下载吧！

软件功能

　　1、imgcook提供更方便的设计方案，可以轻松导出PS作品

　　2、软件可以直接安装在PS使用，也可以安装到sketch软件使用

　　3、支持数据导出，从PS将设计的psd数据导出

　　4、支持粘贴功能，当导出完毕就可以将图片代码粘贴

　　5、提供一个编辑器，在软件直接编辑图像

　　6、支持字段绑定，对当前的psd绑定新的字段

　　7、支持节点属性查看，显示当前修改的节点内容

　　8、支持代码查看，imgcook也提供代码模板设计

软件特色

　　1、imgcook可以帮助用户快速导出psd

　　2、通过PS设计的图像可以保存为psd

　　3、随后使用imgcook软件将图像导出，从而将其运用到开发界面

　　4、让设计师更方便添加UI素材，更方便添加作品

　　5、让PS与imgcook连接使用，立即获得开发素材

　　6、可以生成多种类型的代码。让用户在设计UI的时候自动添加代码

　　7、也可以在设计H5的时候生成代码

安装方法

　　1、下载以后直接打开imgcook.photoshop_1.0.0.exe启动安装

　　2、点击 agree同意软件协议，随后软件自动安装

　　3、显示软件的安装进度，等待安装结束就可以使用

　　4、提示安装结束，点击finish退出安装界面

使用方法

　　1、在扩展功能找到imgcook软件，这样就可以使用了

　　2、用户可以到官方网站查看软件的功能介绍，可以显示imgcook布局UI界面的教程

　　3、可以直接将设计稿添加到自己店铺使用，立即优化店铺主页效果

　　4、显示画板功能，在软件查看已经添加的图片，方便用户部署店铺

　　5、相关的参数直接在软件查看，也可以对添加的插件修改

　　6、导出功能，可以在软件界面将数据导出

　　7、提示导出成功，可以点击下方的按钮去编辑器粘贴调整还原效果

　　8、提示数据正在处理，等待几分钟

　　9、处理完毕就可以在软件界面查看粘贴的数据。显示全部图片

　　10、数据字段绑定功能，在软件右边可以编辑字段信息，可以在软件编辑代码信息

　　11、代码编辑界面如图所示，如果用户会调整代码就自己修改吧

使用说明

　　基础能力

　　查看 DOM 和 StyleSheet

　　在编辑器里，左侧图层的嵌套结构为 经布局算法转化后生成 的 DOM 结构，上面的英文为生成的 className，className可在右侧面板->节点属性->样式名 处修改，每个节点的 StyleSheet 也可在右侧面板->节点属性->样式 处查看。

　　修改为超链接

　　文本和容器可替换成“超链接”类型，替换后类型为 Link。

　　操作：选中要修改的节点 -> 右侧面板 -> 节点属性 -> 数据 -> 点击“超链接”。

　　修改 className

　　在编辑器里，className可在右侧面板->节点属性->样式名 处修改，修改后记得点击“保存”。

　　切换代码模板

　　每个项目可切换为不同的代码模板，在项目-> 项目设置 -> 绑定DSL 中切换即可。

　　每个模块也可单独设置不同的代码模板，在编辑器 -> 代码 -> 代码浮层 -> 切换DSL。

　　代码查看 & 拷贝

编辑器右上角 -> 代码

　　数据绑定

　　1 快速绑定

　　当一键还原后，可进行批量快速绑定。在编辑平台->快速设置->快捷绑定中，可以快速进行数据绑定。

　　1.1 绑定动态数据

　　平台默认有的会猜测一个字段，比如这里的商品图片，猜测成了 data.item_pic 字段，不满足需要直接改即可。数据默认是 data 对象，如需修改可针对生成后代码的修改。

　　支持模板拼接，例如: 距离${data.item_distance}m

　　1.2 不需要绑定动态数据

　　比如这里的静态图标（定位和五角星）

　　如果确定不需要绑定，则点前面的“禁用绑定”图标即可。

　　事件绑定

　　选中节点添加事件

　　root 节点，额外有 init 和 destory 事件可添加

　　非 root 节点，有 onClick、onAppear、onDisapper 事件可添加

　　注意：这里的自定义 handler 函数在所见所得的编辑器中不会运行，会出现在生成的代码中。