Sketch教程|如何访问组件视图?

sketch 破解版对于网页设计和移动设计者来说，非常好用，尤其是在移动应用设计方面。今天小编给大家带来了Sketch教程-如何访问组件视图?

[dl]15-26[/dl]

要访问“组件视图”，请单击工具栏左侧的“组件”选项卡（也可以使用Ctrl+1和Ctrl+2分别在“画布视图”和“组件视图”之间进行切换）。

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

To view this video please enable JavaScript

在组件视图中工作

切换视图。通过在工具栏左侧的两个选项卡之间切换来在“画布”和“组件”视图之间切换。或使用 Ctrl+1和Ctrl+ 2。
过滤组件。默认情况下，我们将向您显示文档中的所有符号，但是您可以使用工具栏控件在符号，图层样式，文本样式和颜色变量之间切换。
在检查器中进行编辑。您可以使用检查器编辑，重命名或删除任何符号，图层样式，文本样式或颜色变量。只需选择一个组件并进行更改。
搜索。使用选项卡在组件类型之间进行过滤，然后搜索组件的名称。
复制或新建。要创建新的图层，文本样式或颜色变量，请单击+ 工具栏上的。您也可以使用它来复制符号。
上下文菜单。右击Component缩略图以插入，重命名，分组，复制，删除或复制其CSS属性。
插入。使用insert将所选组件的副本添加到Canvas。选择一个零部件并单击“ 插入” 按钮时，“草图”将切换到“画布”视图，因此您可以将零部件拖放到设计中。
该视图仅用于组织，因此仅显示已打开文档本地的组件。即使您在文档中使用了组件，它也不会显示“库中的组件”。您需要打开原始的Library Sketch文件来管理该Library的Components。

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

您可以从“组件视图”快速创建新的“文本”，“图层样式”和“颜色变量”。

组织组件

组件视图使组织和管理组件变得容易。
您可以选择多个组件，并使用Ctrl+G或按Control键并单击您的选择并对其进行分组，然后选择Group。您也可以将组件拖放到左侧栏中的现有组中。要重命名组，请双击左侧边栏中的组名称。要重命名单个组件，请单击它，然后使用Inspector中的名称字段重命名。

如何扩展和折叠组

您可以通过选择视图>边栏>折叠所有组来快速折叠所有打开的组。要进行更精细的控制，可以⌥单击组名称旁边的显示箭头，以打开和折叠该组（包括子组）中的所有内容。
默认情况下，所有组都会展开，但是您可以通过选择“视图”>“边栏”并切换“自动展开组”项来更改此设置。注意：这些选项仅适用于“图层列表”中的项目。

Sketch教程|如何访问组件视图?相关推荐

oracle存储sql片段引入_强大的跨数据库访问组件 UniDAC使用教程：注释和SQL函数...
Universal Data Access Components (UniDAC)是一款通用数据库访问组件,提供了多个数据库的直接访问,如针对Windows的Delphi,C++Builder, La ...
bde怎么配置oracle数据库,Oracle数据访问组件ODAC教程：如何从BDE和DOA迁移
ODAC(Oracle Data Access Components )是一个Oracle数据访问组件.ODAC可以为Oracle提供本地连接(Delphi, Delphi for .NET, C++ ...
Delphi10.4使用FireDAC数据访问组件开发数据库软件学习开发教程（1）
数据库访问是Delphi / C ++ Builder的专长.最新版本的Delphi / C ++ Builder支持使用称为FireDAC的通用数据库访问组件访问各种数据源.因此,在此博客中,我将向 ...
sketch放入app组件_使用Sketch App设计CSS网格
sketch放入app组件首先定义您的网格 (Start by defining your grid) Sketch has 2 built-in layout features - Layout ...
NET开发邮件发送功能的全面教程(含邮件组件源码)(
天,给大家分享的是如何在.NET平台中开发"邮件发送"功能.在网上搜的到的各种资料一般都介绍的比较简单,那今天我想比较细的整理介绍下. AD:2013云计算架构师峰会精彩课程曝光 ...
.NET开发邮件发送功能的全面教程(含邮件组件源码)
今天,给大家分享的是如何在.NET平台中开发"邮件发送"功能.在网上搜的到的各种资料一般都介绍的比较简单,那今天我想比较细的整理介绍下: 1) 邮件基础理论知识 2 ...
[转].NET开发邮件发送功能的全面教程(含邮件组件源码)
转载自http://www.cnblogs.com/heyuquan/p/net-batch-mail-send-async.html 今天,给大家分享的是如何在.NET平台中开发"邮件发送 ...
sketch放入app组件_Sketch App 3中的基本图像编辑入门
sketch放入app组件 I've been talking a lot about Sketch App lately. I never forget to mention that it's a ...
Xamarin Android组件篇教程RecylerView动画组件RecylerViewAnimators（1）
Xamarin Android组件篇教程RecylerView动画组件RecylerViewAnimators(1) RecyclerView是比ListView和GridView更为强大的布局视图, ...
UML组件视图-组件图详解
UML组件视图-组件图提示: 对UML基础还不太了解或想查阅学习其他UML图的戳这的戳这UML统一建模语言快速入门.CSDN UML建模操作教程及建模成品请戳这 UML_GitHub 组件是系统高层 ...

Sketch教程|如何访问组件视图?

在组件视图中工作

组织组件

如何扩展和折叠组

Sketch教程|如何访问组件视图?相关推荐

最新文章

热门文章