titanium - 我如何在 Appcelerator Allow 中根据 Size wise 设置 TextField 高度属性？

Question

我是 Appcelerator Alloy 的新开发人员。请帮助我，我如何根据设备显示大小设置文本字段高度属性。

在钛。

  var name_Txt = Titanium.UI.createTextField({
        height : (Ti.Platform.displayCaps.platformHeight< 481) ? 32 : Ti.Platform.displayCaps.platformHeight * 6 / 100,
        width : "94%",
        backgroundImage : "../images/textfield_dropdown.png",
        top : "10",
        paddingLeft : "10",
        hintText : "Input Activity - optional scroll",
        font : {
            16,
            fontWeight : "bold",
        },
    });

在合金

<TextField height="?" id="name_Txt" left ="2%" paddingLeft = "5" backgroundImage = "/appimage/textfield.png" width ="60%"></TextField>

或在 .tss 文件中

"#name_Txt":{
height : ?,
}

提前致谢，

Answer 1

只需在此视图的控制器文件中以编程方式执行此操作。例如，

假设您有一个名为 main.xml 的视图

<Alloy>
    <TextField id="name_Txt"></TextField>
</Alloy>

一个名为 main.tss 的样式文件：

"#name_Txt":{
    left : "2%"
    paddingLeft: 5,
    backgroundImage: "/appimage/textfield.png",
    width:"60%"  
}

还有一个名为 main.js 的控制器：

$.name_Txt.height = (Ti.Platform.displayCaps.platformHeight< 481) ? 32 : Ti.Platform.displayCaps.platformHeight * 6 / 100;