2015年4月26日日曜日

Titanium Studioでのグローバル関数/変数と画面サイズに応じたTSSファイルの調整

Titanium Studioでalloyを利用する場合、app/alloy.jsにグローバル関数/変数を設定することができます。

//app/alloy.js

//Global Functions
Alloy.Globals.closeWindow = function(windowName) {
    if(windowName in windowList){
        windowList[windowName].close();
        windowList[windowName] = null;
        delete windowList[windowName];
    }
};


//Gloval Variables
Alloy.CFG.messageFontSize = 20;
Alloy.CFG.buttonFontSize = 25;

上記のように設定し、他のファイルで普通にAlloy.Globals.closeWindow(win)等のように呼び出せば利用できます。
また、tssファイル内で計算は行えませんが、alloy.jsファイル内で設定した値は利用することができます。
そのため、下記のように画面サイズに応じて設定する値を変更すれば、1つのtssファイルで複数の画像サイズに対応できます。

//app/alloy.js

//Gloval Variables

Alloy.CFG.messageFontSize = 20;
Alloy.CFG.buttonFontSize = 25;

if(Ti.Android) {
    Ti.API.info(Ti.Platform.displayCaps.dpi);
    switch(Ti.Platform.displayCaps.dpi) {
        case 120:
            Alloy.CFG.messageFontSize = 18;
            Alloy.CFG.buttonFontSize = 20;
            break;
        case 160:
            Alloy.CFG.messageFontSize = 18;
            Alloy.CFG.buttonFontSize = 20;
            break;
        case 240:
            Alloy.CFG.messageFontSize = 18;
            Alloy.CFG.buttonFontSize = 20;
            break;
        case 320:
            //Default
            break;
     case 480:
            break;
    }
}

0 件のコメント:

コメントを投稿