sketch开发之Json2View(四) 绑定资源弹框

1.如何创建弹框

var alert = NSAlert.new();
        alert.addButtonWithTitle('确定')
        alert.addButtonWithTitle('取消');
        alert.addButtonWithTitle('清除');


        alert.setMessageText("宽高比例确定");
        alert.setInformativeText("如果不填写, 则按照代码中自适应拉伸");



        var constraintsView = NSView.alloc().initWithFrame(NSMakeRect(0, 0, 500, 200));

        var heightLabel = createLabel("height  =", 12, true, NSMakeRect(0, 30, 60, 20));
       constraintsView.addSubview(heightLabel);

     alert.setAccessoryView(constraintsView);

        var response = alert.runModal()
       if (response == "1000") { //// OK

        }

        else if (response == "1001") {
            
        
        }
        else if (response == "1002") {

        }

熟悉Mac开发的一眼就会看出来, 这不就是mac开发的NSAlert么, 是的, 你没看错, 就是mac的弹窗, 用法都一样

2.创建Label, ComboBox , 以及输入框TextField

function createSelect(frame, currentValue, controls) {
    var combo = NSComboBox.alloc().initWithFrame(frame);
    combo.addItemsWithObjectValues(controls);
    combo.selectItemAtIndex(currentValue);


    return combo;
}


function createLabel(text, fontSize, bold, frame) {
    var label = NSTextField.alloc().initWithFrame(frame)
    label.setStringValue(text)
    label.setFont((bold) ? NSFont.boldSystemFontOfSize(fontSize) : NSFont.systemFontOfSize(fontSize))
    label.setBezeled(false)
    label.setDrawsBackground(false)
    label.setEditable(false)
    label.setSelectable(false)

    return label
}


function createTextField(frame , text )
{
       var ruleTextField = NSTextField.alloc().initWithFrame(frame); 
    ruleTextField.setStringValue(text);
}

var heightLabel = createLabel("height  =", 12, true, NSMakeRect(0, 30 + key * 30, 60, 20));

以上内容都是参考mac开发的代码

上一篇: sketch开发之Json2View(三) 获取选中控件

下一篇: sketch开发之Json2View(五) 获取属性