Sketch插件－Symbol符号的处理

Sketch3.7之前

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

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

Paste_Image.png

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

1. 在MSLayerGroup中对应的方法

- (BOOL)isSymbol;   // 
- (BOOL)isActualSymbol;
- (BOOL)containsSymbols;
- (BOOL)parentOrSelfIsSymbol;
- (BOOL)canBeUsedAsSymbolDirectly;

1. 在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属性

1. 在MSLayerGroup中对应的方法

layer.unregisterAsSymbolIfNecessary();

Sketch 3.7 之后

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

Paste_Image.png

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

- (id)detachByReplacingWithGroup;

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

log("detachByReplacingWithGroup"+layer.detachByReplacingWithGroup());

Paste_Image.png