新增:智能动画 — 为您的原型添加动效。 了解更多

跳过导航

组件视图

最后更新于 2023 年 12 月 14 日
阅读时间 3 分钟

组件视图 组件视图选项卡 是一个快速简便的方法,用于在您的文档中创建、管理、搜索和查找本地符号、文本样式、图层样式和颜色变量。

访问组件视图

要访问组件视图 组件视图选项卡,请单击工具栏左侧的“组件”选项卡(您也可以使用 12 在画布视图和组件视图之间切换)。

工具栏中心的按钮可过滤四种类型的组件视图:符号、文本样式、图层样式和颜色变量。

在组件视图中工作

An annotated image showing the different parts of the Components View.

Mac 应用中的组件视图

  1. 切换视图。 通过在工具栏左侧的两个选项卡之间切换,在画布和组件视图之间切换。或者使用 12
  2. 复制 复制符号 或创建新的 插入(取决于选择的过滤器)。 要创建新的文本样式、图层样式、颜色变量或画板模板,请单击 创建 工具栏项目。您也可以使用工具栏中的复制图标 复制符号 复制符号。
  3. 过滤组件。 默认情况下,我们会向您显示文档中的所有符号,但您可以使用工具栏控件在符号、图层样式、文本样式、颜色变量和画板模板之间切换。
  4. 搜索 放大镜. 使用选项卡在组件类型之间过滤,然后搜索组件的名称。
  5. 上下文菜单。控制单击组件缩略图,以插入、重命名、分组、复制、删除或复制其 CSS 属性。使用插入将所选组件的副本添加到您的画布。当您插入组件时,Mac 应用会切换到画布视图,因此您可以将组件放到您的设计中。
  6. 在检查器中编辑。 您可以使用检查器编辑、重命名或删除任何符号、图层样式、文本样式、颜色变量或画板模板。只需选择一个组件并进行更改即可。

此视图主要用于组织,因此它只显示您打开的文档中本地的组件。它不会显示库中的组件,即使您在文档中使用过它们。您需要打开原始的库 Sketch 文件才能管理该库的组件。

如何使用组件视图创建新的组件

您可以从组件视图快速创建新的文本和图层样式、颜色变量以及画板模板。虽然创建不同类型的组件的过程非常相似,但请查看每个组件的指南以了解如何创建新的组件。

虽然您无法在组件视图 组件视图选项卡 中创建符号 符号实例,但您可以复制它。单击检查器中的“编辑符号源”,在符号页面上进行编辑。

组织组件

组件视图使组织和管理您的组件变得轻而易举。

您可以选择多个组件,并使用 G 将它们分组,或者控制单击您的选择,然后选择“分组 分组”。您也可以将组件拖放到左侧边栏中的现有组中。要重命名组,请双击左侧边栏中的组名称。要重命名单个组件,请单击它,然后使用检查器中的名称字段进行重命名。

展开和折叠组

您可以通过选择“视图 > 边栏 > 折叠所有组”快速折叠所有打开的组。为了更细致地控制,您可以在单击组名称旁边的显示箭头 向右箭头 时按住 ,以打开和折叠 向下箭头 该组内的所有内容(包括子组)。

默认情况下,所有组都处于展开状态,但您可以通过选择“视图 > 边栏”并切换“自动展开组”项目来更改此设置。注意:这些选项仅适用于图层列表中的项目。