javascript - 查看容器破坏了我的代码

Question

我正在尝试实现钛合金应用的布局。这是我到目前为止的代码:


<Alloy>

<Window class="container">`
      <View id="containerView" class="container" layout="vertical">
        <View id="navBarView" layout='horizontal'>
              <Button id="id" onClick="doClick" title="title" width="50%"height="50dp"/>
              <Button id="id1" onClick="doClick" title="title" width="50%" height="50"/>
          </View>       
        <!-- Here are several labels which should be grouped vertically --> 
      </View>
</Window> </Alloy>

(抱歉格式错误)

如果我删除containerView，标签会显示，但垂直居中。我希望它们直接显示在 navBarView 之后。当我按原样运行代码时，它根本不显示任何标签。我的 navBarView 始终工作正常。

我感谢每一个意见，我是钛的新手。

Answer 1

只需将宽度、高度和顶部放入您的 tss 文件中即可:

"#navBarView":{
       height:'20%',
       top:0,
       width:'100%'
 }
".yourlabelContainer":{
     height:'80%',
     layout:'vertical',
     width:'100%'
}
".mylabel":{
     font:{
        fontSize:19,
        fontWeight:'bold'
     },
     color:'#000'
     height:'20%' //(100/5)
}

在 xml 文件中:

<Alloy>
   <Window class="container">`
      <View id="containerView" class="container" layout="vertical">
        <View id="navBarView" layout='horizontal'>
          <Button id="id" onClick="doClick" title="title" width="50%"height="50dp"/>
          <Button id="id1" onClick="doClick" title="title" width="50%" height="50"/>
        </View>
        <View calss="yourlabelContainer">
           <Label class="mylabel>Lab1</Label>
           <Label class="mylabel>Lab2</Label>
           <Label class="mylabel>Lab3</Label>
           <Label class="mylabel>Lab4</Label>
           <Label class="mylabel>Lab5</Label>
        </View>   
       </View>
    </Window> 
</Alloy>