如何在XML中制作网格布局。例如,说我想要一个4x4板。我只需要制作16个按钮并使用jss格式化它们吗?例如,这就是我所拥有的,但尚未采用电路板格式。
<Alloy>
<Window layout="relative" backgroundColor="white">
<Button class="button left-buttons">square</Button>
<Button class="button left-buttons" top="40">square</Button>
<Button class="button left-buttons" top="80">square</Button>
<Label id="User" left="100" top="120" text=">(NULL)<"></Label>
<Button class="button right-buttons" >square</Button>
<Button class="button right-buttons" top="40">square/square</Button>
<Button class="button right-buttons" top="80">square</Button>
<Button class="Games" top="200">square</Button>
<Button class="Games" top="280">square</Button>
<Button top="360">square</Button>
</Window>
</Alloy>
答案 0 :(得分:5)
只需使用水平布局,并将容器视图设置为屏幕大小。水平布局将按行排列子视图。您可能需要做一些数学运算才能正确使用,或者只使用百分比宽度。
这是一个简单的2x2电路板示例,可以帮助您入门:
<Alloy>
<Window layout="horizontal" horizontalWrap="true" backgroundColor="white">
<Button width="50%" height="50%" title="TopLeft"/>
<Button width="50%" height="50%" title="TopRight"/>
<Button width="50%" height="50%" title="BottomLeft"/>
<Button width="50%" height="50%" title="BottomRight"/>
</Window>
</Alloy>
至于&#34; XML格式&#34;你的意思是this guide on Alloy's XML Markup?
答案 1 :(得分:0)
您可以使用几个小部件。
gridWidget 的
用于网格的钛合金小工具,使用tableview。
buttonGrid 的
Appcelerators拥有钛合金小部件,创建一个带有一些动画效果的按钮网格。
合理定制。 Titanium APIv3文档包括用法和教程。