Titan Umgang mit verschiedenen resoutions

Andere/zusätzliche Möglichkeit, die wir haben, waren erfolgreich, mit einem kleinen Satz von Funktionen, die die Verwendung der Bildschirm-Dichte-Wert zu berechnen, display-Größen... das ist natürlich nur eine Näherung, da es nur die vier dichten, aber wir haben festgestellt, dass dies sehr hilfreich sein.

//=============================================================================
//inch
//
//compute approximate number of pixels for the specified physical on-screen
//size based on the density reported by the OS
//=============================================================================
function inch(size)
{
    //default to 160 dpi if unavailable
    var height = size * 160.0; 

    try
    { 
        //compute header height based on screen density ... target .25" height
        height = size * Ti.Platform.displayCaps.dpi; 
    }
    catch(e) { warn("Error accessing display caps for screen density calculation: " + e); }

    return height;
}

Also, wenn Sie wollen, dass etwas 3/4 Zoll hoch auf dem Bildschirm....

Ti.UI.createThing({ height: inch(.75)});

...oder wenn Sie skalieren möchten, Dinge von Punkt-Größe, könnte man einige Konstanten...

const g_12pt = inch(12/72); //0.166667
const g_10pt = inch(10/72); //0.138889
const g_8pt = inch(8/72);   //0.111111
const g_6pt = inch(6/72);   //0.083333
...
...font:{fontSize: g_10pt, fontWeight:"bold"},...

Wir auch ein paar Funktionen, um die Bildschirm-Höhe und-Breite, so dass, wenn wir wollten ein besseres layout auf einem tablet oder etwas, winzige könnten wir besser verstehen, was wir zu tun haben.

//=============================================================================
//screenWidth - return screen width in inches
//=============================================================================
function screenWidth()
{
    return Titanium.Platform.displayCaps.platformWidth /Titanium.Platform.displayCaps.dpi;
}

//=============================================================================
//screenHeight - return screen height in inches
//=============================================================================
function screenHeight()
{
    return Titanium.Platform.displayCaps.platformHeight /Titanium.Platform.displayCaps.dpi;
}

Sie gehen können und von dort aus..., aber diese haben uns sehr dabei geholfen festzunageln, wie wir legte unsere Schirme auf den verschiedenen dichten und Plattformen. Die inch-Funktion hat, exception-handling, nur weil wir es früh in die app, und manchmal die Ti.Plattform ist noch nicht definiert. Durch die Zeit, die wir über unsere Berichte Ti.Plattform verfügbar ist und so der Bildschirm-Funktionen nicht über die Ausnahmebehandlung. Wenn Sie die Abfrage zuvor müssen Sie möglicherweise die Ausnahmebehandlung in diese als gut.

Hoffe, das hilft!

gut, soweit ich gegoogelt, die Lösung ist :

1.erkennen die spezifischen Bildschirm-Auflösung:

//app/alloy.js
Alloy.Globals.isIos7Plus = (OS_IOS && parseInt(Ti.Platform.version.split(".")[0]) >= 7);
Alloy.Globals.iPhoneTall = (OS_IOS && Ti.Platform.osname == "iphone" && Ti.Platform.displayCaps.platformHeight == 568); 

2.schreiben Abfrage Stil tss:

//Query styles
"#info[if=Alloy.Globals.isIos7Plus]" : {
    font : { textStyle : Ti.UI.TEXT_STYLE_FOOTNOTE }
},
"#title[if=Alloy.Globals.isIos7Plus]" : {
    top: '25dp', //compensate for the status bar on iOS 7
    font : { textStyle : Ti.UI.TEXT_STYLE_HEADLINE }
},
"#content[if=Alloy.Globals.isIos7Plus]" : {
    font : { textStyle : Ti.UI.TEXT_STYLE_CAPTION1 }
},
"ScrollView[if=Alloy.Globals.iPhoneTall]" : {
    height : '500dp'
}

finden Sie unter: http://docs.appcelerator.com/titanium/3.0/#!/guide/Alloy_Styles_and_Themes-section-35621526_AlloyStylesandThemes-Platform-SpecificStyles