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文件中输入width & heigth & top例如：

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

View容器会破坏我的代码

1 个答案: