使用钛合金创建复选框

Question

我是钛合金的新手，我想把我的项目从钛合金默认模板改为合金。下面是在默认模板中创建文本框的代码。我想把这个改成合金模板。

    var checkbox = Ti.UI.createSwitch({
   id:'checkbox',
   style:Ti.UI.Android.SWITCH_STYLE_CHECKBOX,
});

Answer 1

一点也不难！在您的Alloy视图标记中尝试这样做：

checkbox.xml

<Alloy>
    <Switch id="checkbox"/>
</Alloy>

现在我们可以使用样式文件来设置基于id的属性。

checkbox.tss

"#checkbox[platform=android]" : {
    style:Ti.UI.Android.SWITCH_STYLE_CHECKBOX
}

这会将样式设置为checkbox，还请注意，我将其设置为仅适用于android。或者，如果我们希望每个开关都是checkbox样式，我们可以在app.tss中进行设置

"Switch" : {
    style:Ti.UI.Android.SWITCH_STYLE_CHECKBOX
}

Answer 2

您可以像这样创建复选框。

var checkbox = Ti.UI.createSwitch({
  style: Ti.UI.Android.SWITCH_STYLE_CHECKBOX,
  textAlign:Ti.UI.TEXT_ALIGNMENT_LEFT,
  title:'Notice Me',
  value:true,
  width: 300,
  left: 18
});
win.add(checkbox);

checkbox.addEventListener('change',function(e){
  //function
  Ti.API.info('Switch value: ' + checkbox.value);
});