UI 元素在未定义尺寸（高度、宽度、顶部、底部、左侧、右侧）时如何默认定位？

Question

是否所有元素都位于其父元素之上？例如，考虑以下代码示例和我得到的输出。

<Alloy>
    <Window class="container" backgroundColor="white">
        <Label id="label" >Hello, World</Label>
        <TextField></TextField>
        <Button>click me</Button>   
    </Window>
</Alloy>

Answer 1

Titanium 中的元素相对于它们的父容器定位，例如 window 或视图。根据您使用的定位属性，参考点将是父级的 top/left 或 bottom/right 角。

当您在视图对象中省略这些属性时，您会将视图放置在默认位置的坐标网格中，默认布局属性，即 window 的中心。默认位置取决于父视图的布局方式/window。这三个布局属性是：绝对、垂直和水平。

绝对布局（默认）

当您向父容器添加视图时的默认模式，当没有添加任何属性时，视图将转到中心点，它们将覆盖您之前添加的任何视图。您可以利用 zIndex 属性.

来改变这一点

最好的 link 阅读是有关 Ti 的布局、定位和视图层次结构的 wiki 文档。这涵盖了所有三个布局属性，并详细介绍了钛定位属性。

https://wiki.appcelerator.org/display/guides2/Layouts,+Positioning,+and+the+View+Hierarchy

UI 元素在未定义尺寸（高度、宽度、顶部、底部、左侧、右侧）时如何默认定位？

How UI elements are positioned by default when no dimensions(height,width,top,bottom,left,right) were defined?

titanium-mobile