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

PaintCode 用户操作指南（库篇） 2.1 核心概念（CoreConcepts） 库是设计师创建和管理颜色、渐变、图形、图像以及变量的地方。库项 目中的行为能够用户界面设计的需要。 例如 ，设计师能够在不同的图形中使用相同的颜色。然后 ，如果设计师 调整颜色 ，所有使用该种颜色的图形将会自动更新颜色。这同样适用在渐变、 阴影、图像以及变量等方面。 这非常好用 ，因为设计师能够很容易地改变设计师设计的用户界面中的 颜色，而且只在一个地方。 另外 ，一些库项目能够形成关系。例如 ，一个新的颜色能够源于一个已 经存在的单一颜色，用过使用 “built-in”运算方式。渐变和阴影也能够继 承库中其他项目地颜色。表达变量可以参考其他库项目。 通过利用这种特点地优势 ，能够基于一个或者多个基础的颜色 ，定义颜 色、渐变以及阴影的整个家族树。 当设计师改变基础颜色的时候 ，所有的库项目和图形都能够基于基础颜 色，直接或者间接的自动更新。 例如 ，如果设计师设计了一组带有色彩的用户界面控制组建 ，设计师能 够从基础的颜色 ，继承所有必须的颜色、渐变和阴影。随后 ，通过改变基础 的颜色，设计师能够很容易改变设计师整个文档的全部颜色体系。 命名（Naming） 每一个库项目都有一个命名。PaintCode 为设计师自动生成了这些命 名 ，但设计师能够根据设计师的需要自己命名 ，为设计师的库项目起更有意 义的命名。这些名字也会被用于代码生成。设计师能够在设计师的命名中使 用空格——在生成代码中 ，PaintCode 会自动将 “ButtonBaseColor”转 成 “buttonBaseColor”。PaintCode 不允许使用已经在代码生成中已经 使用过的命名 ，所以设计师不必担心在生成源代码中会有任何潜在的命名冲 突。设计师可以通过在库项目上双击，来为一个库项目重命名。 库的使用（Usingthe Library） 库有5个部分组成 ：颜色、渐变、阴影、图像以及变量。添加一个新的 库（例如，颜色），在相应的库选项的顶部点击 “＋”按钮就可以了。 移除库项目 ，从库项目列表中选择项目并点击 ，然后按 “Delete”或者 “Backspace”键就可以了。 调整已有的库项目，在库项目列表中双击项目，就可以调整了。或者 ， 设计师在检查器中点击库项目，之后在编辑框中调整。 复制和粘贴（Copy PasteBehavior） 当设计师在文档中复制和粘贴图形的时候 ，所有的颜色、渐变、阴影和 图片也都会自动复制到目标文档。如果目标文档已经包含了必须的库项目 ， 这些都会被重复使用。 配置库项目表现为参数（ConfiguringLibraryItemsto Behaveas Parameters） 在每一个库项目中 “Name”文本域的右边有一个特殊的弹出按钮（弹 出按钮上有一个齿轮图标）。 这里 ，设计师能够配置库项目表现。这对代码生成很重要 ，就和使用符 号一样。 通过把改变行为的按钮设置为 “参数”，确保生每个画布中成图像方法 ， 在库项目使用中将有一个形参对应特定的库项目。这允许设计师 ，例如 ，创 建一个绘制方法，使用设计师制定运行的颜色绘制一个图标。 如果设计师选择 “StyleKit”行为 ，库项目将被自动添加到 StyleKit 中。 2.2 颜色（Colors） 在 PaintCode 中有三种类型的颜色： 系统颜色 – Systemcolors 基础颜色 – Basiccolors （用户自定义） 衍生颜色 – Derivedcolors （用户自定义） 系统颜色有 ：黑色、白色、透明、红色、绿色、蓝色以及一些灰色的阴 影。设计师不能自定义系统颜色 ，它们也不能展示在库中。但是 ，设计师能 够通过把它们添加到库中 ，创建设计师所属的颜色。这在基础颜色以及衍生 颜色中同样适用。 基础颜色（BasicColor） 基础颜色是一些简单的颜色 ，而且不取决与其他任意颜色。设计师能够 随时调整它。直接或者间接受到影响的图形和库项目（渐变，阴影……）也 能够相应的更新。 衍生颜色（DerivedColor） 衍生颜色是一种能够自动适应另一种颜色的颜色。它能够从使用内