Question

我的目标是Android，但我不知道如何布局UI，因此它适用于所有设备。我该怎么做？

我有一个带有按钮的TextField用于搜索，搜索结果显示在下面的TableView中。所以我有一个桌面视图，但底部被切断了。

this.searchResults = Ti.UI.createTableView({
        top:'70px',
        height:'450dp'
    });

从上面的代码中可以看出，我显然不知道如何做到这一点。你是如何为Android安排的？

Answer 1

您可以设置上/下/左/右值。如果您希望表格停留在屏幕的下边缘，您可以设置bottom: 0。对iOS来说也是如此。

Answer 2

如果我正在研究Android的东西，并且我希望它的大小与屏幕大小成比例，我经常使用百分比。所以

this.searchResults = Ti.UI.createTableView({
    top:'10%',
    height:'90%'
});

或者，如果您想要针点精确计算，您可以向appcelerator询问平台的宽度和高度，并自行调整比例。像这样：

var height = Ti.Platform.DisplayCaps.platformHeight; //Screen height in pixels
this.searchResults = Ti.UI.createTableView({
    top:'75dp',
    height: (height - (75 * Ti.Platform.DisplayCaps.logicalDensityFactor)) //height - 75dp converted to pixels
});

Android的流体布局

2 个答案: