TitaniumでiOSアプリとAndroidアプリを開発する時の違い

Titanium v3.2でAlloyを使ってiOSアプリとAndroidアプリを作成した時の違いです。他にもいろいろありそう。。。

シミュレータ

iOS

軽快に動く

Android

全然ダメ、やっと動いたと思ったらめちゃ重いし、突然落ちたりするので、実機を繋いでビルドする方がいいです

「戻る」ボタンの実装

iOS

NavigationWindow(旧：NavigationGroup)が使うと勝手に出てきます。

Android

デバイスの戻るボタンを活用します。
何もしないとアプリを終了してしまうので、新規に開くWindowにオプションをつけます。

<Window title="detail" class="container" exitOnClose="false" fullscreen="false">

exitOnCloseとfullscreenがポイント

モジュールのファイル名への制限

app/lib以下に配置した共通モジュールについて

iOS

特になし

Android

iOS版で動いていたモジュールがなぜか動かずで、ファイル名を変更したら動きました。
どうやら変数名とファイル名がかぶっているとダメっぽいです。

TableView

clickイベントの取得方法が若干違いました。

iOS

問題なく動く

clickイベント

$.myTblView.addEventListener('click', function(e) {
    var name = e.rowData.name
}

Android

なんか、、、めっちゃ重くてカクカクする。（でも新しい機種ならある程度解消できてるかも）

古い機種対応を考えるとListViewで代用する方がいいです

後TableViewのeditプロパティが使えないので、自前で実装するしかない

clickイベント

$.myTblView.addEventListener('click', function(e) {
    var name = e.row.name
}

プッシュ通知

AppceleratorCloudService（ACS）を使います。

iOSの場合だとプッシュ通知に使う証明書を取得したり、AndroidだとGCMに登録したりの違いがありますが、ここでは省略します。

参考：http://fromkk.me/ti_cloudpush_with_titanium/

違いはデバイストークンを取得するところと、登録するところ

iOS

デバイストークン取得サンプル

function getDeviceToken(){
    Titanium.Network.registerForPushNotifications({
        types: [
            Titanium.Network.NOTIFICATION_TYPE_BADGE,
            Titanium.Network.NOTIFICATION_TYPE_ALERT,
            Titanium.Network.NOTIFICATION_TYPE_SOUND
        ],
        success:function(e)
        {
            deviceToken = e.deviceToken;
            Pass = deviceToken.substr(0,8);

            //デバイストークンとパスワードを元にACSにログインを試みる
            //ログイン失敗したらユーザーがまだないので新規に作成する
            //ここはiOS、Android共通
            loginDefault();

        },
        error:function(e)
        {
            alert("Device Token Error: "+e.message);
        },
        callback:function(e)
        {
            alert("push notification received"+JSON.stringify(e.data));
        }
    });

Android

デバイストークン取得サンプル

function getDeviceToken() {
    var CloudPush = require('ti.cloudpush');
    CloudPush.addEventListener('callback', function(evt) {
        alert(evt.payload);
    });
    CloudPush.addEventListener('trayClickLaunchedApp', function(evt) {
        Ti.API.info('Tray Click Launched App (app was not running)');
    });
    CloudPush.addEventListener('trayClickFocusedApp', function(evt) {
        Ti.API.info('Tray Click Focused App (app was already running)');
    });
    CloudPush.retrieveDeviceToken({
        success: deviceTokenSuccess,
        error: deviceTokenError
    });

    function deviceTokenSuccess(e) {
        Ti.API.info('Device Token: ' + e.deviceToken);
        //Alloy.CFG.deviceToken = e.deviceToken;
        deviceToken = e.deviceToken;
        Pass = deviceToken.substr(0,8);
        loginDefault();

        CloudPush.enabled = true;
    }

    function deviceTokenError(e) {
        alert('Failed to register for push! ' + e.error);
    }
}