查看容器破壞了我的代碼

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

只需將width & heigth & top作為示例，放在您的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>