PaintCode for Mac新手教程:如何设置画布
时间:2020-11-27 浏览次数:18 编辑:user40
今天小编给大家带来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中设计的。