iOS sketch和paintcode绘制生成代码

作者: 一只霸天犬v | 来源:发表于2016-10-26 12:41 被阅读651次

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结合使用是很神奇的,这个只是让大家简单了解一下

相关文章