【Sketch最新文档】1.2-Inspector（检查器）

Inspector

检查器

The Inspector on the rightlets you adjust the settings for the current layer, or the options for thecurrent tool. When you have a layer selected you will see that the Inspector isdivided into sections.

右侧的检查器可以让你调整当前图层的设置参数或当前工具的选项参数。选择图层后，你将看到检测器会被分为几个部分。

Not all of thesesections may be visible, depending on the type of layer you have selected, orwhether or not it is contained within a group or Artboard. Sections belowthe layer properties can be collapsed and expanded allowing you to hide orreveal its content.

并非所有的部分都是可见的，这取决于你所选择的图层类型，或者它是否包含在当前的组或者画板内。可以展开或折叠图层属性下面的部分，以便于隐藏或显示其内容。

Alignment Options#

对齐操作

At the top of theInspector are options for aligning and distributing layers. These buttons willbecome active when you have more than one layer selected. More informationabout this feature can be found under Moving Layers.

在检查器的顶部是用于对其和分布图层的操作。选择多个图层时，这些按钮就会处于**状态。有关此类的更多信息，请参阅“移动图层”篇章。

Layer Properties#

图层属性

The layerproperties are visible in the top part of the Inspector; the layer’s position,size, rotation value, flip origin, and (depending on the layer type) a fewspecial options, such as changing the number of points for a polygon shape.

图层属性在检查器的顶部区域，图层的位置，大小，旋转角度，旋转原点和（取决于图层类型）一些特殊选项，例如多边形的边数设置，或者矩形的圆角半径设置。

Clicking thepadlock in between the width and height fields will toggle locking the shape’saspect ratio. A locked padlock will mean the shape’s height will change whenyou edit its width.

单击宽度和高度之间的锁形按钮将会切换形状的等比缩放开关。当锁形按钮关闭就意味着改变形状的宽度，它的高度也会随之改变。

When a rectangleis selected, you can create rounded corners by adjusting the radius value, aswell as choose between round, or smooth corners.

选择矩形后，你可以通过调整半径值创建圆角，也可以选择圆角或者平滑角。

Text Fields#

文本域

The text fields inthe Inspector aren’t ordinary text fields. If you hover your pointer over themyou will see up and down arrows appear on the right-hand size you can click toquickly increment or decrement the value.

检查器中的文本域不是一般的文本域。当你的指针悬停在它们上边的时候，你会看到一组向上和向下的箭头出现在文本域的右边，你可以通过点击箭头快速地增加或者减小参数值。

If you hold downthe Shift key and click, Sketch will instead increment or decrement the valueby 10 times as much. Holding down the Option key will change it by a tenth ofthat size.

如果你按住Shift键并单击箭头。每点击一次剪头，参数值将会增加或者减少10。如果你按住Option键，每点击一次剪头，参数值将会增加或者减少0.1。

Up and Down#

上下键

Once you areediting the text fields directly, the up and down arrows will have disappeared,but their functionality is still available. When a text field is selected, usethe up and down arrow keys to adjust the value. Holding down the Shift key atthe same time will adjust the value by 10.

直接编辑文本域后，右边的上下剪头将会消失，但是功能仍然可用。当文本域被选中后，使用键盘上的上下按钮也可以调整参数。按住Shift键的同时，每点击一次上下箭头参数都会增加或者减少10。

Scrubbing Values#

滑动数值

With a text fieldselected, you can click-and-drag on its inline label left and right to quicklyincrease or decrease its value. For text fields who don’t have an inline label,but instead have one underneath the field — clicking-and-dragging this willalso adjust its value.

选择文本域后，你可以在它的内联标签处点击并向左向右拖拽，以快速增大或减小其参数值。对于没有内联标签但在该字段下方有文本框——单击并拖拽也会调整它的参数值。

Again, by holdingdown either the Shift, or Option keys at the same time you can adjust the sizeby 10, or .1 respectively.

同样的，通过同时按住Shift键或Option键，你可以分别将大小调整的步长改为10或0.1。

If you’re not sureabout the exact value you want to use in your design, this is great way toquickly experiment on finding the perfect one.

如果你还不确定要在设计中使用的确切值，这是快速尝试找到完美值的好方法。

Math#

数学运算

Another greatfeature in our text fields is that you can perform math in any field wherethere are numbers. You can add, subtract, divide, multiply, and in some cases,use percentage to adjust your objects, as shown below.

Sketch中另一个重要的功能就是你可以在任何数字类型的文本域中进行数学运算。你可以进行加减乘除，使用百分比调整对象。如下所示。

For example, youcan select a layer or multiple layers and use +, –, *, or / in any of the numerical fields.

举个例子，你可以选择一个或多个数字类型的文本域进行+、-、*、/的运算。

You can specify apercentage in the height or width values of an object or group of objects if itis contained inside a group or Artboard. Sketch will calculate the value andresize the layer. (eg, giving a layer’s width value “10%” when its in a 960px-wide Artboard will change its width to 96 px).

如果对象包含在组或者画板内，则可以指定对象或对象组的高度或宽度值的百分比。Sketch将计算出数值，并重新调整图层的大小。（当一个画板的原有宽度为960px改为96px只需要乘以10%即可。）

In the radiusinput field for rectangles, you can specify a different value for each cornerby using ;(eg. 40;0;40;0).

在矩形圆角半径输入框中，你可以通过“；”隔开各个参数值，为每个角指定不同的半径（例如40;0;40;0）。

Resizing#

调整大小

The resizingsettings will only be visible in the Inspector if you have a layer selectedinside a group or Artboard. It allows you to determine how that layer shouldbehave when the group or Artboard it’s in is resized.

在检查器中缩放设置只会在某个组或者画板中的图层被选中时才会可见。它允许你设置当组或者画板被缩放时，图层的缩放行为。

To learn moreabout this feature, check out the Resizing Constraints chapter.

要了解更多关于此功能的信息，请查看“调整大小约束”一章。

Appearance and Style#

外观和样式

The look and styleof the layer can be edited under these sections, where you can adjust the Fills, Borders, Shadows, and Blur styleattributes.

可以在这些部分编辑图层的外观和样式，你可以在其中调整填充、边框、阴影和模糊的样式属性。

Any combinationcan be saved to create a Shared Style.

可以保存任何组合，并且创建共享样式。

To add a new styleattribute to a layer, just click the add button in thedesired section title:

要向图层添加新的样式属性，你只需要单击所需部分中的添加“+”按钮。

When adding a newFill, Border, or Shadow, you’ll get a popover where you can select its color:

添加新的填充、边框或阴影样式时，会有弹框面板显示，让你选择颜色。

You can hide eachattribute by deselecting the visibility checkbox on its left. When one or moreFills, Borders or Shadows are deselected, you can remove them by clicking onthe delete button that appearson the section title:

你可以通过取消左侧的可见性复选框来隐藏每个属性。取消一个样式的可见性复选框后，样式标题栏会出现删除按钮。点击该删除按钮，会同时删除所有已取消可见性的样式。你也可以右键单击鼠标弹出复制、移除操作面板，选择相应的操作。

You can apply aBlur much the same way, by selecting the visibility checkbox in the sectiontitle. You can then choose the type of blur being applied to your layer fromthe pop-up menu, and adjust its blur radius.

模糊样式也可以通过选择标题栏中的可见性复选框按钮来控制。你可以从弹出面板中选择模糊类型，并调整期模糊半径。

Exporting#

导出

Below the Stylesection, you will find the Make Exportable option. From here, you can make anylayer or group ready for export by pressing the add button . You can learnmore about the different exporting options here.

在“样式”部分的下方，你会发现“导出”选项。通过这个选项，你可以通过单击“添加+”按钮，将任何图层和组导出。你可以通过点击这里了解更多信息。

Lastmodified on Oct 08, 2018

最后一次修改于2018年10月8日

更多内容：

The Interface（界面概述）

Canvas

更多内容请关注公众号——“one点设计”，点击“设计翻译”>“Sketch最新文档”查阅，会陆续上传全部文档，希望该文档能够帮助到大家。

由于个人水平有限，如翻译中有什么问题，还请指正。如果你也有兴趣翻译设计文档可以和小编联系，欢迎大家多多交流。