Hauteur et largeur spécifiques à la plate-forme dans Appcelerator

Question

Je souhaite modifier dynamiquement la hauteur et la largeur des images en fonction de différentes plates-formes.

J'ai vérifié la documentation de platform.height et platform.width de appcelerator. Mais je n'arrive pas à comprendre comment cela se fait.

Answer 1

Vous pouvez utiliser ce code multi-plateforme pour obtenir la hauteur des périphériques Android/iOS & hauteur en 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); 

maintenant, vous pouvez utiliser ces variables globales dans un fichier que vous voulez comme ceci:

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