钛，网格布局答案

【问题标题】：Titanium, gridlayout钛，网格布局
【发布时间】：2013-07-01 15:49:51
【问题描述】：

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

【问题讨论】：

我也找不到任何关于钛的 XML 格式的文档，如果你碰巧知道一个链接，你能指出我正确的方向吗，谢谢。
XML 格式是什么意思？

标签： xml titanium titanium-alloy

【解决方案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 格式”是指this guide on Alloy's XML Markup?

【讨论】：

关于文档是的，但是否有更深入的文档。在 XML 中进行窗口的整个布局并仅将 JS 用于窗口的功能是否更好，因为这就是我目前处理这个项目的方式？并感谢您的帮助:-)
该文档的深度与我发现的一样，不要害怕尝试！我通常将视图布局留给 .xml，将样式留给 .tss 文件，其他所有内容都放在控制器中。

【解决方案2】：

您可以使用几个小部件。

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

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

【讨论】：