我正在尝试在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>
答案 0 :(得分:0)
尝试将表固定到父视图的底部,然后将高度设置为父视图高度的80%。此外,使用dp
值与屏幕无关。
<TableView id="content" height="80%" bottom="100dp"
onDragEnd="refreshTable"
dataCollection="book">