视图容器破坏了我的代码

View container breaks my code

本文关键字：我的 代码 坏了 视图      更新时间：2023-09-26

我正在尝试为钛合金应用程序实现布局。这是我迄今为止的代码：

<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>

（很抱歉格式不正确）

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

我感谢每一次的投入，我是钛的新手。

只需将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>
相关文章：