iOS|iOS sketch和paintcode绘制生成代码

1 首先,你需要下载sketch 和 paintcode
iOS|iOS sketch和paintcode绘制生成代码
文章图片
屏幕快照 2016-10-26 09.56.11.png
2 下载好之后,打开sketch,点击0k新建一个画板,你需要一个图样,直接拖进来就可以
iOS|iOS sketch和paintcode绘制生成代码
文章图片
屏幕快照 2016-10-26 09.56.47.png iOS|iOS sketch和paintcode绘制生成代码
文章图片
屏幕快照 2016-10-26 12.31.53.png 3 insert - 选择vector 就是钢笔工具 用来描图的

iOS|iOS sketch和paintcode绘制生成代码
文章图片
屏幕快照 2016-10-26 10.01.00.png 4 描图,每个路径都画成封闭图形,之后你可以在两点之间添加点,拖拽成弧形
iOS|iOS sketch和paintcode绘制生成代码
文章图片
屏幕快照 2016-10-26 12.35.13.png
5 把这些路径combine - > union 结合起来, 并输出SVG 格式
【iOS|iOS sketch和paintcode绘制生成代码】点击加号

iOS|iOS sketch和paintcode绘制生成代码
文章图片
屏幕快照 2016-10-26 10.16.13.png iOS|iOS sketch和paintcode绘制生成代码
文章图片
屏幕快照 2016-10-26 10.44.20.png 6 打开paint code,把生成的SVG直接拖进来,这样就生成了代码 ,你只要复制到xcode中,这段图形路径就有了
iOS|iOS sketch和paintcode绘制生成代码
文章图片
屏幕快照 2016-10-26 10.23.31.png iOS|iOS sketch和paintcode绘制生成代码
文章图片
屏幕快照 2016-10-26 10.46.58.png 7 添加代码到xcode中 ,运行 如下图

iOS|iOS sketch和paintcode绘制生成代码
文章图片
屏幕快照 2016-10-26 10.49.56.png sketch 和paint code结合使用是很神奇的,这个只是让大家简单了解一下

    推荐阅读