• <code id="yoeg6"><label id="yoeg6"></label></code><object id="yoeg6"><sup id="yoeg6"></sup></object>
  • <object id="yoeg6"></object>
  • 河东软件园£º绿色免费的软件下载站£¡ 最新软件|软件分类|软件专题|软件发布

    您当前所在位置£º河东软件园 ¡ú 图形图像 ¡ú Photoshop专版 ¡ú imgcook(图像大厨) 1.0.0 官方版

    imgcook(图像大厨)1.0.0 官方版

    imgcook下载

    • 软件大小£º55.7 MB
    • 软件语言£º简体中文
    • 软件类型£º国产软件
    • 软件授权£º免费软件
    • 更新时间£º2019-03-25
    • 软件类别£ºPhotoshop专版
    • 软件官网£º
    • 应用平台£ºWinXP, Win7, Win8, Win10, WinAll
    4星推荐
    网友评分£º8.9

    软件介绍人气软件精品推荐相关文章网友评论下载地址

    为您推荐£º

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

    imgcook(图像大厨) 1.0.0 官方版

    软件功能

    ¡¡¡¡1¡¢imgcook提供更方便的设计方案£¬可以轻松导出PS作品

    ¡¡¡¡2¡¢软件可以直接安装在PS使用£¬也可以安装到sketch软件使用

    ¡¡¡¡3¡¢支持数据导出£¬从PS将设计的psd数据导出

    ¡¡¡¡4¡¢支持?#31243;?#21151;能£¬当导出完毕就可以将图片代码?#31243;?/p>

    ¡¡¡¡5¡¢提供一个编辑器£¬在软件直接编辑图像

    ¡¡¡¡6¡¢支持字段绑定£¬对当前的psd绑定新的字段

    ¡¡¡¡7¡¢支持节点属性查看£¬显示当前修改的节点内容

    ¡¡¡¡8¡¢支持代码查看£¬imgcook也提供代码模板设计

    软件特色

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

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

    ¡¡¡¡3¡¢随后使用imgcook软件将图像导出£¬从而将其运用到开发界面

    ¡¡¡¡4¡¢让设计师更方便添加UI素?#27169;?#26356;方便添加作品

    ¡¡¡¡5¡¢让PS与imgcook连接使用£¬立即获得开发素材

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

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

    安装方法

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

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡2¡¢点击 agree同意软件协议£¬随后软件自动安装

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡3¡¢显示软件的安装进度£¬等待安装结束就可以使用

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡4¡¢提示安装结束£¬点击finish退出安装界面

    imgcook(图像大厨) 1.0.0 官方版

    使用方法

    ¡¡¡¡1¡¢在扩展功能找到imgcook软件£¬这样就可以使用了

    imgcook(图像大厨) 1.0.0 官方版

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

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡3¡¢可以直接将设计稿添加到自己店铺使用£¬立?#20174;?#21270;店铺主页效果

    imgcook(图像大厨) 1.0.0 官方版

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

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡5¡¢相关的参数直接在软件查看£¬也可以对添加的插件修改

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡6¡¢导出功能£¬可以在软件界面将数据导出

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡7¡¢提示导出成功£¬可以点击下方的按钮去编辑器?#31243;?#35843;整还原效果

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡8¡¢提示数据正在处理£¬等待几分钟

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡9¡¢处理完毕就可以在软件界面查看?#31243;?#30340;数据¡£显示全部图片

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡10¡¢数据字段绑定功能£¬在软件右边可以编辑字段信息£¬可以在软件编辑代码信息

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡11¡¢代码编辑界面如图所示£¬如果用户会调整代码就自己修改吧

    imgcook(图像大厨) 1.0.0 官方版

    使用?#24471;?/h3>

    ¡¡¡¡基础能力

    ¡¡¡¡查看 DOM 和 StyleSheet

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

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡修改为超链接

    ¡¡¡¡文本和容器可替换成“超链接”类型£¬替换后类型为 Link¡£

    ¡¡¡¡操作£º选中要修改的节点 -> ?#20063;?#38754;板 -> 节点属性 -> 数据 -> 点击“超链接”¡£

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡修改 className

    ¡¡¡¡在编辑器里£¬className可在?#20063;?#38754;板->节点属性->样式名 处修改£¬修改后记得点击“保存”¡£

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡切换代码模板

    ¡¡¡¡每个项目可切换为不同的代码模板£¬在项目-> 项?#21487;?#32622; -> 绑定DSL 中切换即可¡£

    imgcook(图像大厨) 1.0.0 官方版

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

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡代码查看 & 拷贝

    编辑器右上角 -> 代码

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡数据绑定

    ¡¡¡¡1 快速绑定

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

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡1.1 绑定动态数据

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

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

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡1.2 不需要绑定动态数据

    ¡¡¡¡比如这里的静态图标£¨定位和五角星£©

    imgcook(图像大厨) 1.0.0 官方版

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

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡事件绑定

    ¡¡¡¡选中节点添加事件

    ¡¡¡¡root 节点£¬额外有 init 和 destory 事件可添加

    imgcook(图像大厨) 1.0.0 官方版

    ¡¡¡¡非 root 节点£¬有 onClick¡¢onAppear¡¢onDisapper 事件可添加

    imgcook(图像大厨) 1.0.0 官方版

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

    下载地址Android版iPhone版Mac版

    • imgcook(图像大厨) 1.0.0 官方版

    人气软件

    其他版本下载

    精品推荐

    相关文章

    网友评论

    发表评论

    (您的评论需要经过审核才能显示)查看所有0条评论>>

    验证码£º  

    猜你?#19981;?/b>

    ¿ìÀÖ²Ê׬Ǯ
  • <code id="yoeg6"><label id="yoeg6"></label></code><object id="yoeg6"><sup id="yoeg6"></sup></object>
  • <object id="yoeg6"></object>
  • <code id="yoeg6"><label id="yoeg6"></label></code><object id="yoeg6"><sup id="yoeg6"></sup></object>
  • <object id="yoeg6"></object>