appcelerator中特定于平台的高度和宽度

Question

我想根据各种平台动态更改图像的高度和宽度。

我已经检查了appcelerator的platform.height和platform.width的文档。但我似乎无法理解它是如何完成的。

Answer 1

您可以使用此跨平台代码来获取Android / iOS设备的宽度和宽度。高度dp。

<强> alloy.js

var df = Ti.Platform.displayCaps.logicalDensityFactor;
var w = OS_IOS ? Ti.Platform.displayCaps.platformWidth : Ti.Platform.displayCaps.platformWidth / df;
var h = OS_IOS ? Ti.Platform.displayCaps.platformHeight : Ti.Platform.displayCaps.platformHeight / df;

Alloy.Globals.deviceWidth = Math.min(w, h);
Alloy.Globals.deviceHeight = Math.max(w, h);

现在您可以在任何您想要的文件中使用这些全局变量：

"#someLabel": {
   width : Alloy.Globals.deviceWidth,
   height : 100
}