使用钛合金创建复选框

时间:2013-05-15 11:18:14

标签: android sdk titanium titanium-mobile titanium-alloy

我是钛合金的新手,我想将我的项目从钛默认模板更改为合金。以下是在默认模板中创建文本框的代码。我想将其更改为合金模板。

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

2 个答案:

答案 0 :(得分:5)

一点也不难!在Alloy XML视图标记中尝试:

checkbox.xml

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

现在我们可以使用样式文件根据id设置属性。

checkbox.tss

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

这会将样式设置为复选框,同时请注意我将此设置为仅适用于android。 或者,如果我们希望每个开关都是复选框样式,我们可以在 app.tss 中设置它:

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

答案 1 :(得分:1)

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

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);
});