android - 使用钛合金创建复选框

Question

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

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

Answer 1

一点都不难！在您的 Alloy XML 视图标记中尝试此操作：

复选框.xml

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

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

复选框.tss

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

这会将样式设置为复选框，还请注意，我将其设置为仅适用于 android。或者，如果我们希望每个开关都是复选框样式，我们可以在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);
});