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>

至于＆＃34; XML格式＆＃34;你的意思是this guide on Alloy's XML Markup?

Answer 2

您可以使用几个小部件。

gridWidget 的
用于网格的钛合金小工具，使用tableview。

buttonGrid 的
Appcelerators拥有钛合金小部件，创建一个带有一些动画效果的按钮网格。合理定制。 Titanium APIv3文档包括用法和教程。

钛，gridlayout

2 个答案: