Sketch插件——移动端UI开发利器Orion3
来源:互联网 发布:万能标签打印软件 编辑:程序博客网 时间:2024/06/05 11:34
本插件的功能从Sketch文件中直接提取设计要素,并转换为目标代码,安装非常简单,将插件拷贝到sketch的插件目录即可(从菜单”Plugins”->”Reveal Plugins Folder…”打开插件所在目录).安装成功后,在菜单“Plugins”下能够看到Orion插件选项
使用方法十分简单
1.在sketch文件中,选中一个对象(例如文本),按规则重新命名:Type@Name, 其中Type为对象实现类型,Name为对象名(对于iOS/Swift, 为代码中变量名,对于Android,为对象id,对于CSS,则为标签class(暂时没有用到));
文字: Label@xxxxx
图像: Image@xxxx
线条: Line@xxxx
区域:View@xxxx
2.按下快捷键或从插件菜单来执行,然后将生成的代码拷贝到工程项目中即可。
Sketch文件
按快捷键Ctrl+Shift+O 生成iOS代码
按快捷键Ctrl+Shift+W 生成Swift代码
按快捷键Ctrl+Shift+D 生成Android的布局XML
按快捷键Ctrl+Shift+L 生成Less代码
插件下载地址:https://github.com/guobinnew/Orion3.git,欢迎试用!
0 0
- Sketch插件——移动端UI开发利器Orion3
- APP UI Design ——sketch(一)
- APP UI Design ——sketch(二)
- 移动开发利器——APICloud开发平台介绍
- html5开发利器——sublimetext2+emmet插件
- html5开发利器——sublimetext2+emmet插件
- 【APP设计利器】Sketch 41 Mac中文破解版(含汉化插件)
- APP UI Design ——sketch(三)输入框选择状态
- UI调试利器——Reveal
- iOS开发工具——Reveal:iOS的UI设计分析利器
- 移动端调试利器
- Sketch插件介绍
- Android UI开发——可以移动的悬浮框
- 前端(移动端)开发利器Chrome Developer Tools秘籍(上)
- 前端(移动端)开发利器Chrome Developer Tools秘籍(下)
- 开发利器 subline 插件安装
- 移动推行利器——腾讯广点通移动战略解读
- Vim插件管理利器——Vundle
- maven工程如何添加lpom.xm lib下的Jar包文件
- js小技巧
- Android进阶之动态加载图片(runOnUiThread/handler)
- 形态学变换
- 给一个无符号数前置减号,结果仍为无符号
- Sketch插件——移动端UI开发利器Orion3
- 函数指针和指针函数
- 10亿日活跃用户的背后,Facebook的大牛们都做了什么?(上)
- 写给最近的自己
- 简单hibernate搭建
- 帮助文档的制作javadoc
- IOS8 定位
- IOS的APP上线注意事项
- bootstrap-datetimepicker时间控件 文档