跳过导航

组件视图

上次更新于 2025 年 1 月 13 日
3 分钟阅读

组件视图 Components View Tab 是一种快速简便的方式,可以在您的文档中创建、管理、搜索和查找本地符号、文本样式、图层样式和颜色变量。

访问组件视图

要访问组件视图 Components View Tab,请点击工具栏左侧的 组件 标签(您也可以使用 12 在画布视图和组件视图之间切换)。

工具栏中心的按钮用于筛选四种组件类型之间的视图:符号、文本样式、图层样式和颜色变量。

在组件视图中工作

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

Mac 应用程序中的组件视图

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

此视图的重点是组织,因此它仅显示您打开的文档本地的组件。它不会显示来自图库的组件,即使您在文档中使用了它们。您需要打开原始的图库 Sketch 文件来管理该图库的组件。

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

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

虽然您无法在组件视图 Components View Tab 中创建符号 Symbol instance,但您可以复制它。点击检查器中的 编辑符号源 以在符号页面上进行编辑。

组织组件

组件视图使您可以轻松地组织和管理您的组件。

您可以选择多个组件,并使用 G 对其进行分组,或者 Control-点击您的选择并选择 分组 Group。您还可以将组件拖放到左侧边栏中的现有组中。要重命名组,请在左侧边栏中双击组名称。要重命名单个组件,请单击它,然后使用检查器中的名称字段对其进行重命名。

展开和折叠组

您可以通过选择 视图 > 侧边栏 > 折叠所有组 来快速折叠所有打开的组。要进行更精细的控制,您可以在单击组名旁边的显示箭头 chevron right 时按住 以打开和折叠 chevron down 该组内的所有内容(包括子组)。

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