2

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

2 回答 2

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>

至于“XML 格式”，您是指Alloy 的 XML 标记指南吗？

于 2013-07-02T01:19:16.510 回答
0

您可以使用几个小部件。

gridWidget
用于网格的钛合金小部件，使用 tableview。

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

于 2013-10-24T16:39:23.207 回答