PaintCode 用户操作指南（绘制篇）.pdf

PaintCode 用户操作指南（绘制篇） 图形（Shapes） 创建新图形（Creatinga ne shape） 首先，从工具栏中选择设计师要的图形。 在画布中点击任意位置，然后按住鼠标左键不动。 拖动光标。 当到达设计师满意的大小的时候，放开鼠标左键。 在画布中鼠标点击的点和设计师放开鼠标的点 ，是相反的对角点 （除了 贝塞尔曲线）。 PaintCode 会自动尝试把设计师创建的图形和其他图形对齐 ，设计师可 以通过按住 “Command”键来抑制这种行为。 创建等高等宽的图形（Creatingashapewith equalwithwidthand height） 要画一个完美的圆形 ，正方形 ，多边形或者星形 ，设计师可以按住 Shift 键的同时创建。 重命名图形（Renamingashape） PaintCode 为设计师生成了命名，但设计师可以根据需要自定义命名。 这些命名在生成代码中使用。 要改变一个图形的命名，可以在检查器中选择一个图形并输入新的命 名。 删除图形（Deletingashape） 选择图形后，按 Delete 或者 Backspace 键，可以删除图形。 移动图形（Movingashape） 设计师可以用鼠标拖动图形移动它 ，这个图形会和其他图形对齐 ，以帮 助设计师调整对齐。 设计师可以按住 Control 键，来抑制这种行为。 默认情况下 ，PaintCode 会尽量保持图形边缘能够与点网络对齐。当设 计师按住 Option 键的时候，形状会捕捉到半个点坐标。此外，设计师可 以按住 Control 键，来抑制对齐。 用过键盘移动图形（Movingashapeusingkeyboard） 设计师可以选择键盘中的方向键来移动图形。默认状态下 ，这会朝着设 计师期望的方向移动。 按住 Option + 方向键，移动半个点。 按住 Shift+ 方向键，移动十个像素。 调整图形大小（Resizingashape） 在特定的方向上调整图形，点击并拖动相应的控制点就可以了。 PaintCode 还可以帮设计师自动与其他图形对齐。 当然，设计师也可以通过长按 Command 键，开避免对齐行为发生。 PaintCode 也会试着帮设计师把图形的尖刺与点网格对齐。长按 Option 键每次可以移动半点网格，设计师可以长按 Control 键来避免这 种对齐行为发生。 长按 Shift 键 ，拖动图形的一个控制点 ，能够使图形保持固定比例缩放。 设置填充和描边（Settingafillorstroke） 有三种方式为图形添加颜色填充和描边。注意为图形增加填充 ，设计师 同样可以在设置渐变和图片中使用这种方法。 第一种方式 ，点击并拖动颜色连接点到画布中的图形 ，然后选择设计师 相连接的颜色属性就可以了。连接点会在库中的相邻颜色中显示出来。如果 这个颜色并没有在文档中使用，就会显示一个空的圆形。 另一种方式是 ，在检查器中的填充或描边显示器中添加颜色。当显示器 是空的时候 ，表示填充或者描边为设置。当设计师点击显示器后 ，一个上下 文按钮就会显示出来 ，设计师可以选择设计师想要的颜色。上下文按钮会填 充库中的项目，顶部也包含系统颜色。 想要不再使用颜色，单击检查器中显示器左侧的紫色环形 “X”就可以 了。 第三种方式，从颜色弹出按钮菜单中选择一种设计师要使用的颜色。 这三种方式都能达到相应的目的 ，设计师需要使用设计师觉得最方便的 一种。这样的设置方式同样适用在渐变和图像上。 设置阴影（Settingashado ） 在 PaintCode 中，设计师可以单独为填充、描边和文本设置阴影，填 充和文本，还能设置内阴影。 这些选项在检查器中的阴影盒子中 ，一旦设计师设置了填充、描边或者 文本（当填充没有设置当时候 ，就不能设置阴影 ，同理适用于描边和文本）。 单击并拖动阴影连接点到画布中的图形中，就可以使用阴影了。 设计师还可以在检查器中的阴影弹出按钮上选择阴影来设置。 在库中，这些会被自动填充上阴影。 复制另一个图形的样式（Copyingstyleofanothershape） 很方便去建立一个新的与其他已绘制的图形拥有形同样式的图形。首 先 ，