Question

您好，我是Titanium App的新手，并学习合金方法开发。

我在index.xml中写道：

<Alloy>
    <Window class="container">
        <TextField id="title" hintText="Title"></TextField>
        <TextArea id="description" hintText="Description"></TextArea>
    </Window>
</Alloy>

但是在Android模拟器中预览时，它会在屏幕中心显示重叠的文本字段。但默认情况下，它应该从顶部开始，然后应该从顶部相对自动地获取一些余量。

目前显示的是：i.imgur.com/KOZUP6K.png

Answer 1

默认情况下，Alloy将绝对布局应用于View / Window的子组件。要克服这个问题，只需指定一个如下所示的垂直布局：

<Alloy>
    <Window class="container" layout="vertical">
        <TextField id="title" hintText="Title"></TextField>
        <TextArea id="description" hintText="Description"></TextArea>
    </Window>
</Alloy>

Answer 2

您必须通过为layout属性提供vertical或horizontal之类的值来覆盖Window子项的默认对齐方式，请查看此link以获取更多说明。< / p>

您还可以为文本字段指定相同的类，并为该类提供top值，尝试并在UI中检查结果。

INDEX.XML：

<Alloy>
    <Window class="container" layout="vertical">
        <TextField hintText="TextField 1" class="inputs" />
        <TextArea hintText="TextArea 1" class="inputs" />
        <TextField hintText="TextField 2" class="inputs" />
        <TextArea hintText="TextArea 2" class="inputs" />
    </Window>
</Alloy>

index.tss：

".inputs": {
    top: 10
}

未定义上边距时，钛合金屏幕中的UI错误

2 个答案: