Просмотреть контейнер разбивает мой код

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 для Exemple в файле 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>