默认情况下,如果未定义尺寸(高度,宽度,顶部,底部,左侧,右侧),UI元素的位置如何?

时间:2015-02-04 10:02:06

标签: titanium-mobile

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

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

enter image description here

1 个答案:

答案 0 :(得分:1)

Titanium中的元素相对于其父容器(例如窗口或视图)定位。根据您使用的定位属性,参考点将是父级的上/左或下/右角。

当您在视图对象中省略这些属性时,您将视图放置在默认位置的坐标网格上,并使用默认布局属性(即窗口的中心)。默认位置取决于父视图/窗口的布局模式。这三个布局属性是:绝对,垂直和水平。

绝对布局(默认)

将视图添加到父容器时的默认模式,如果没有添加属性视图将转到中心点,它们将覆盖您之前添加的任何视图。您可以通过利用zIndex属性来更改此更改。

要阅读的最佳链接是Ti的布局,定位和视图层次结构上的维基文档。这涵盖了所有三种布局属性,并详细介绍了钛的定位属性。

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