Sketch插件-Symbol符号的处理

Sketch3.7之前

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

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

Sketch插件-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后,符号的皮肤变了:紫色的两个箭头绕成的圆

Sketch插件-Symbol符号的处理
Paste_Image.png


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

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

- (id)detachByReplacingWithGroup;

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

log("detachByReplacingWithGroup"+layer.detachByReplacingWithGroup());
Sketch插件-Symbol符号的处理
Paste_Image.png


上一篇:Python获取IAccessible接口


下一篇:《CCNP TSHOOT 300-135认证考试指南》——6.11节定义关键术语