使用 Sketch 3.9 快速实现响应式设计
来源:站酷 作者:杨皓棱
昨天晚上，Sketch发布了3.9beta版
http://www.sketchapp.com/beta/
其中更新的一个非常重要的功能，就是是可以缩放 Symbol和图层组。
其实简单来说，只是在图层属性面板增加了一个 Resizing 的属性选项。这个选项看似很不起眼，但只需要其中两个选项，就能实现绝大部分设计的「适配」需求。
用自带模版的例子举例吧。就一般 bar 里头的控件来说。适配起来无非就是保持边距的情况下，按照某一角对齐。这种情况就可以选择Pin to corner。
这样的话，所设置的图层就会按照中心点所在父级的位置进行适配，这个选项无非就是9种情况，分别是相对四个角的四个点的编剧固定，或者分别保持纵向或横向居中，然后分别保持固定上下左右的距离。
另外一种则针对希望填满父级单位的元素，比如网站的位图banner，或者填充一个列表的内容。下面的例子中，左右的标题和图标都是设置的 Pin to corner，但段落文字设置的 Resize object。这样的话内容都会保持四个方向的边距，跟着父级单位一起缩放。
另外两种的逻辑和之前图层组的逻辑差不太多。我目前也没有发现这两种特别适用的情况。不得不说Sketch新增的这两种属性是一个天才的想法。逻辑简单，操作也非常快捷。
在此之前，有一个第三方插件也能很好的实现这样的适配，但操作就繁琐很多了。各位也可以参考。
