iOS sketch和paintcode绘制生成代码

2017-01-14 15:50:02来源:http://www.jianshu.com/p/77ea36fe318c作者:小仙儿v人点击

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




最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台