paintcode怎么使用教程 paintcode for mac破解版视频教程

  发布时间:2017-03-21 09:50:57   作者:佚名   我要评论
paintcode是一款十分基于ios开发的矢量图片神器,在paintcode使用教程中用户可以将矢量图片转成代码形式放在ios代码中,大大的简约了ios开发体积,从而可以更好的设计开发ios软件

paintcode使用教程 paintcode for mac破解版视频教程21

  ok,是不是已经很像表针了。

  这时候按住shift选中我们的长条矩形和圆形,打开属性面板的Transforms下拉框,我们会看到这样的东西。

paintcode使用教程 paintcode for mac破解版视频教程22

  那个绿色的小圆是什么呢?

  其实就是类似于我们CALayer的anchorPoint(锚点),如果你旋转一定角度的时候,绿色的小圆就是我们的图形会以此为圆心旋转的敌方。

  你可以随意拖动这个绿色的小圆来指定图形的锚点。这时候我们选中小圆,把他的锚点拖到圆的中心。如图

paintcode使用教程 paintcode for mac破解版视频教程23

  矩形不用管它。

  然后我们把两个图形按照上面的方法,Union一下,合并成一个图。然后还是打开属性面板的Transforms下拉框,你会看到这样。

paintcode使用教程 paintcode for mac破解版视频教程24

  绿色的小圆在我们图形的左上角,说明我们的锚点在图形的左上角,这明显不对啊,真实的指针哪有这么转的,应该转的时候是以小圆的那个圆心为中心啊。

  所以我们把绿色的小圆拖到这个位置.

paintcode使用教程 paintcode for mac破解版视频教程25

  ok,我们的表针弄好了。我们把它复制到第二个画布上。

  并且把坐标改为X:125,Y:110.

  如图所示。

paintcode使用教程 paintcode for mac破解版视频教程26

  改好之后,点击这里.

paintcode使用教程 paintcode for mac破解版视频教程27

  然后在我们的StyleKit Colors里。

paintcode使用教程 paintcode for mac破解版视频教程28

  选择我们之前创建的一个颜色。

paintcode使用教程 paintcode for mac破解版视频教程29

  行了,其他的不用管了。不过确保你的StyleKit Drawing Methods看起来是这样的。

paintcode使用教程 paintcode for mac破解版视频教程30

  然后右边的属性栏修改一下name什么的。

paintcode使用教程 paintcode for mac破解版视频教程31

  点击Export按钮。

paintcode使用教程 paintcode for mac破解版视频教程32

  会有一个弹窗。

paintcode使用教程 paintcode for mac破解版视频教程33

  点击Export然后save。你就会看到paintcode帮你导出了这两个文件。

paintcode使用教程 paintcode for mac破解版视频教程34

相关文章

最新评论