Sketch插件－Symbol符号的处理

Sketch3.7之前

符号是 Sketch 3 里一个重要的新功能，有些设计师又叫它模版，它功能确实像模版，你只要设计一组元素，并设置为 symbol，就能方便地在多个页面和画板中重复运用该组内容。你在某个画板中改变symbol某个元素的，其他各画板、页面的同组对应元素都会跟着改变。

符号其实就是一种特殊的组，在图层列表中也是以组的形式出现，但是不同于普通的组的蓝色图标，符号会有一个紫色的文件夹图标。

Paste_Image.png

如何判断对象是否被设置了符号属性

在MSLayerGroup中对应的方法 - (BOOL)isSymbol; // - (BOOL)isActualSymbol; - (BOOL)containsSymbols; - (BOOL)parentOrSelfIsSymbol; - (BOOL)canBeUsedAsSymbolDirectly; 在MSLayer中 - (BOOL)isSymbol; - (BOOL)containsSymbols;

可以用下面方法去查看:紫色的组对象 (MSLayerGroup），isSymbol 的值为1 。

var layerEnumerator = artboard.layers().array().objectEnumerator(); loopThrough(layerEnumerator, function (layer) { log(layer); log(layer.isSymbol()); }); function loopThrough(layerLoop, callback) { while (layer = layerLoop.nextObject()) { if (isLayerClass(layer, "MSLayerGroup")) { log(layer) log(layer.isSymbol()); log(layer.isActualSymbol()); var layers = layer.layers().array(), layersInsideLoop = layers.objectEnumerator(); loopThrough(layersInsideLoop, callback); // loopThrough后面引用layer,为null } else { callback(layer); } } } var isLayerClass = function (layer, className) { return Boolean(layer.className() == className); };

取消symbol属性

在MSLayerGroup中对应的方法 layer.unregisterAsSymbolIfNecessary();

Sketch 3.7 之后

前几天升级了Sketch后，符号的皮肤变了：紫色的两个箭头绕成的圆

Paste_Image.png

而且程序跑出来显示这是一个叫MSSymbolInstance对象。赶紧去看看MSSymbolInstance是何许人也Sketch-Headers。接着赶紧看看MSLayerGroup的头文件,结果发现它把上文那些isSymbol，unregisterAsSymbolIfNecessary与Symbols相关的方法都删了533....。

不过我最后还是在MSSymbolInstance中找到了一个方法：

- (id)detachByReplacingWithGroup;

我就又把Symbol变成了普通的Group。

log("detachByReplacingWithGroup"+layer.detachByReplacingWithGroup()); Paste_Image.png 相关资源：library-symbol-replacer：Sketch插件，用库符号替换现有文档中的符号-源码