iOS sketch和paintcode绘制生成代码

1 首先,你需要下载sketch 和 paintcode

屏幕快照 2016-10-26 09.56.11.png

2 下载好之后,打开sketch,点击0k新建一个画板,你需要一个图样,直接拖进来就可以

屏幕快照 2016-10-26 09.56.47.png
屏幕快照 2016-10-26 12.31.53.png

3 insert - 选择vector 就是钢笔工具 用来描图的


屏幕快照 2016-10-26 10.01.00.png

4 描图,每个路径都画成封闭图形,之后你可以在两点之间添加点,拖拽成弧形

屏幕快照 2016-10-26 12.35.13.png

5 把这些路径combine - > union 结合起来, 并输出SVG 格式

点击加号


屏幕快照 2016-10-26 10.16.13.png
屏幕快照 2016-10-26 10.44.20.png

6 打开paint code,把生成的SVG直接拖进来,这样就生成了代码 ,你只要复制到xcode中,这段图形路径就有了

屏幕快照 2016-10-26 10.23.31.png
屏幕快照 2016-10-26 10.46.58.png

7 添加代码到xcode中 ,运行 如下图


屏幕快照 2016-10-26 10.49.56.png

sketch 和paint code结合使用是很神奇的,这个只是让大家简单了解一下

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容