在Titaninum Appcelerator中区分iPhone和iPad

Question

我是跨平台Titanium SDK和Alloy MVC框架的新手.

我在index.xml中创建了一个按钮,如下所示:

 <Alloy>
    <Button id="button">Click Me</Button>
</Alloy>

但现在我想知道如何在iPhone上显示标题"Click Me",并在iPad上显示标题"Submit".

我在哪里写这个条件？在index.xml,index.js或index.tss中？

Answer 1

您可以通过以下几种方式在index.xml文件中执行此操作:

<Alloy>
    <Button formFactor="handheld" id="button">Click Me</Button>
    <Button formFactor="tablet" id="button">Submit</Button>
</Alloy>

或者像index.js这样:

if(Alloy.isHandheld) {
    $.button.title = "Click Me";
}

if(Alloy.isTablet) {
    $.button.title = "Submit";
}

或者在样式文件中,index.tss如下:

"#button[formFactor=handheld]" : { 
    title : "Click Me"
},

"#button[formFactor=tablet]" : { 
    title : "Submit"
}