在钛合金中使用复合视图的问题

时间:2013-12-29 15:53:05

标签: titanium titanium-alloy

我正在尝试在Alloy中实现一个简单的应用程序,它具有非常基本的结构,但我无法可靠地进行布局。我试图将一组导航按钮与其上方的工作区域对齐,在下面的示例中将是一个TableView。

<Alloy>
<Collection src="book">
<Window height="100%" id="main" title="My Library {opts.username}" exitOnClose="true" onOpen="loadExtras">
    <TableView id="content" dataCollection="book" top="10px" bottom="100px" onDragEnd="refreshTable">
        <TableViewRow title="{title}" color="black" onClick="showBook"/>
    </TableView>
    <View bottom="0px" height="72px" layout="horizontal" id="actionPanel">
        <Button class="footerBtn" onClick="refreshTable">View</Button>
        <Button class="footerBtn" onClick="refreshTable">Help</Button>
        <Button class="footerBtn" onClick="refreshTable">List</Button>
        <Button class="footerBtn add" onClick="addBook"></Button>   
    </View>
</Window>

我能让这个工作的唯一方法是为TableView指定一个高度,例如height =“80%”,然后使用这个值,直到我喜欢的东西布局,但我不想这样做需要它独立于设备物理屏幕尺寸工作。

如何在Alloy中实现这种布局,以便在其上方具有可变工作区域的情况下将视图固定到屏幕底部 - 或者,我是否必须假设标准高度并相对于此工作? / p>

1 个答案:

答案 0 :(得分:0)

尝试将表固定到父视图的底部,然后将高度设置为父视图高度的80%。此外,使用dp值与屏幕无关。

<TableView id="content" height="80%" bottom="100dp" 
           onDragEnd="refreshTable"
           dataCollection="book">