钛,gridlayout

Question

如何在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>

Answer 1

只需使用水平布局,并将容器视图设置为屏幕大小.水平布局将按行排列子视图.您可能需要做一些数学运算才能正确使用,或者只使用百分比宽度.

这是一个简单的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>

至于"XML格式",你的意思是关于Alloy的XML标记的指南吗？