大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

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