组件视图

在组件视图 中你可以更更快速和直观的来创建、管理、搜索和查找文档中的 控件、文本样式、图层样式和颜色变量。

如何打开组件视图

要打开组件视图，，请点击工具栏左侧的 按钮 （你也可以用 ⌃ 1 和 ⌃ 2 来分别在画布视图和组件视图之间切换）。

打开组件视图后，可以在工具栏中间切换 控件、文本样式、图层样式和颜色变量。

如何使用组件视图

1. 切换视图 ：在画布和组件视图之间进行切换。或者使用 ⌃ 1 和 ⌃ 2 切换视图。

2. 复制 或新建：创建一个新的文本样式、图层样式、颜色变量或画板模板。你也可以使用工具条上的复制图标 ，来复制控件。

3. 切换分类 ：默认情况下，我们会显示你文档中的所有 控件，但你可以在工具栏中间切换显示 控件、图层样式、文本样式、颜色变量和画板模板。

4. 搜索. ：搜索组件的名称。

5. 右键菜单 ：在组件缩略图上右键，可以插入、重命名、分组、复制、删除或复制其 CSS 属性。当你插入一个组件时，Mac 应用程序会切换到 Canvas 视图，然后你可以把你的组件放到你的设计中。

6. 在右侧属性栏中进行编辑。 你可以使用右侧属性栏编辑、重命名或删除任何 控件、图层样式、文本样式、颜色变量或画板模板。

这个视图显示你所打开的文档的本地组件。它不显示团队库中的组件，即使你在文档中使用了它们。如果要管理团队库的组件，你需要前往团队库所在的 Sketch 文件。

管理组件

在组件视图中你可以更方便的组织和管理组件。

你可以选择多个组件，使用 ⌃ G 将它们打组。你也可以将组件拖放到左侧边栏的现有组中。要重新命名一个组，可以双击左侧边栏中的组名来重命名。要重新命名一个单独的组件，选中组建后在右侧属性栏中的名称字段中重新命名组件。

如何展开和收起组

你可以通过选择 视图 > Sidebar > Collapse All Groups 快速折叠所有打开的组。要想获得更精细的控制，你可以在点击组名旁边的箭头 ，按住 ⌥ 来打开和折叠 该组内的所有内容（包括子组）。

默认情况下，所有组都是展开的，但你可以通过选择 视图 > Sidebar ，并切换 Automatically Expand Groups 来改变这一设置。注意：这些选项只适用于图层列表中的项目。