首页 > 教程 > MAC软件教程 > PaintCode for Mac新手教程:如何设置画布

PaintCode for Mac新手教程:如何设置画布

小编: user40时间: 2020-11-27浏览: 0

今天小编给大家带来PaintCode for Mac的新手教程如何设置画布,PaintCode mac是Mac上的最好用的一款矢量绘图代码生成器,无论是程序员还是设计师,PaintCode mac 能够让你像在PS中画图一样绘制各种UI图形。感兴趣的伙伴记得收藏哦。

画布设置

要访问画布设置,请在工作区中单击画布的标题。或者,您也可以在“形状和组”浏览器中单击画布。

画布设置将出现在检查器中:

命名画布

使用顶部文本字段,可以更改画布的名称。该名称用作生成的绘制方法的名称。将画布导出为图像时,也可以使用它。

更改画布大小

要更改画布的大小,只需在适当的文本字段中输入所需的尺寸。或者,您可以通过在工作区中拖动画布的边缘来更改画布的大小。请注意,这仅在画布中没有选择任何形状时才有效。

更改StyleKit设置

使用StyleKit弹出按钮,可以更改此画布的StyleKit代码生成设置。最重要的是,您可以选择画布是否应生成:

  • 根本没有方法
  • 一种简单的(无效)绘图方法
  • 一种在运行时生成图像(UIImage或NSImage)的方法
  • 以上两者

当您选择画布应生成返回图像的方法时,以iOS为目标时将出现更多设置。这些设置使您可以定义所生成图像的上限插图(如果需要)以及图像渲染模式。

您还可以设置应在添加到此图像方法生成的IBOutletCollection的对象上调用哪个选择器。

PaintCode还会生成调整大小的绘制方法,使您可以在保留纵横比的同时将画布绘制成不同大小的目标矩形。

更改画布背景颜色

要更改画布的底衬颜色,只需单击相应的颜色即可。请注意,参考底色对生成的源代码没有任何影响。

另请注意,当您将图形导出为带有背景的TIFF,PDF或PNG文件时,会使用此颜色。要导出具有透明背景的图形,请在导出图形时将参考底色设置为纯色或关闭“导出背景”复选框。

更改画布背景图片

首先,请确保选中图像旁边的复选框。然后,将所需的图像很好地拖放到图像上。您也可以使用以下控件来抵消背景。

显示/隐藏网格并更改其颜色

要显示或隐藏画布网格,请使用“画布设置”中的“网格”复选框。或者,按OPTION +G。

PaintCode将网格的颜色调整为画布的底色。但是,您可以设置自己的网格颜色。只需简单地单击颜色即可。

画布指南

最后一个画布设置允许您打开我们的内置绘图指南之一:

  • iOS图标网格布局指南
  • Apple Watch图标网格布局指南
  • 列布局指南
  • 行布局指南
  • 列和行布局指南

图标网格对于为iOS绘制外观和谐的应用程序图标非常有用。

列和行布局指南可让您指定装订线和列/行的大小,对于根据布局网格绘制更复杂的图形非常方便。例如,此网站是使用布局网格在PaintCode中设计的。

相关软件

相关文章