トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS

Titanium Mobile のバックアップ(No.104)

関連ページ

目次

Titanium Mobile自身の注意点主に(Titanium SDKのバージョン 2.1.2GA以降で試した情報です)

↑

for (x in 配列名)でのハマリに注意

例えばviewが複数入った配列に対して個々のviewを処理するとき、「for (x in 配列名) ループ」を使うと次の警告が出て正常に動作しませんでした。

[WARN] Exception in event callback. {
    line = ???;
    message = "'undefined' is not a function (evaluating 'parts.getWidth()')";
    name = TypeError;
    sourceId = ???;
}

JavaScriptでは問題ないのでTitanium Mobile自身の不具合のようです。次のようにすれば回避できました。

// Titanium Mobileで不具合の起きたソース。
// 配列に入っている個数分ループするのですが、取得したviewをUIViewのオブジェクトとして使えません。
for (var view in viewArray) {
	Ti.API.info('width: ' + view.getWidth());
}
// Titanium Mobileで正常に動くソース。
// インデックスを使用したforループに変えれば治りました。
var view;
for (var i = 0; i < viewArray.length; i++) {
	view = viewArray[i];
	Ti.API.info('width: ' + view.getWidth());
}
↑

TIPS

↑

国際化対応

↑

アプリ名設定方法

↑

iOS

i18n/ja/app.xml, i18n/en/app.xmlで設定します。

<?xml version="1.0" encoding="UTF-8"?>
<resources>
	<string name="appname">iOS アプリFoo</string>
</resources>
↑

Android

注意: 一時期Androidだけ以降に書かれているように対応する必要が有りましたが、iOSと同様に書けるようになったそうです(参考:Titanium alloy で国際化のススメ スライドショー)。ですので以下の説明は一応残していますが、対応不要のようです。iOSとAndroidでアプリ名を変えたい場合や何かトラブルが有った場合に参考にしてください。

i18n/ja/strings.xml, i18n/en/strings.xmlで設定します。

<?xml version="1.0" encoding="UTF-8"?>
<resources>
	<string name="appname_android">Android アプリFoo</string>
</resources>
  1. Resourcesやbuildフォルダと横並びにplatformフォルダを作成
  2. platformフォルダの中にandroidフォルダを作成
  3. build/android/AndroidManifest.xmlをplatform/android/AndroidManifest.xmlにコピー ... SDK 3.2.0以降は不要
  4. android:label="プロジェクト名"となっている２箇所をandroid:label="@string/appname_android"に変更 ... SDK 3.2.0以降は不要

注意：Titanium SDK Ver.3.2.0からiOSとAndroidでnameの値を変えないと次のエラーが出るようになりました。上記サンプルでは"appname"と"appname_android"で分けています。

[ERROR] :  .../AndroidManifest.xml:5: error: Error: No resource found that matches the given name (at 'label' with value '@string/appname').
[ERROR] :  .../AndroidManifest.xml:6: error: Error: No resource found that matches the given name (at 'label' with value '@string/appname').

関連リンク：日本語にしたAndroidのアプリ名でエラー | nekosukoブログ

備考：AndroidManifest.xmlの編集について補足情報です。Titanium側でいくつかパーミッションが設定されますが、余計なパーミッションは外しておいたほうが良さそうです。例えば筆者はSDカードにアプリ移動可能とするためと思って「android.permission.WRITE_EXTERNAL_STORAGE」を許可しておいたままにしていましたが、アンドロイダーにレビュー依頼したところ『アプリのSDカード移動には必要のない権限です。』とご指摘いただきました。
関連リンク：Androidのパーミッションを減らす | アプリ作家見習いメモ

注意：カメラを使用する場合はSDカードへの書き込み権限が必要なAndroid端末もあるそうで、「android.permission.WRITE_EXTERNAL_STORAGE」を許可しておいたほうがいいそうです。
関連リンク：AndroidでSDカード関連のエラー | Androidアプリ開発雑記

未確認情報：http://〜で画像を表示する場合は、「android.permission.WRITE_EXTERNAL_STORAGE」を許可しないといけないそうです。キャッシュの関係だそうです。
参考ページ：イガイトカンタン -PhoneGapからTitaniumMobileに乗り換えて10日くらいでアプリを作った話 | DASALOG

未確認情報：AdMobを使用する場合も「android.permission.WRITE_EXTERNAL_STORAGE」を許可しないといけないかもしれないです。
参考ページ： Titanium mobile で作ったAndroidアプリにadmobを入れる

↑

シミュレータかどうか判断

 if (Titanium.Platform.model === 'google_sdk' || Titanium.Platform.model === 'Simulator') {
}
↑

iOSのバージョンで分岐させる方法

// 「4.3.2」などといったバージョン文字列をパース
var versionNumber = parseFloat(Ti.Platform.version);
if (versionNumber >= 5) {
	// バージョン５以上
} else if (versionNumber < 5) {
	// バージョン５未満
} else {
	// エラー処理
}
↑

WebViewで背景を透明にする方法

ネイティブに比べて遅いようです。

// Resources/file/foo.htmlのWebViewを作成
var fooWebView = Ti.UI.createWebView({
	url: '/fle/foo.html',
	backgroundColor: 0
});
↑

プログラムを複数のファイルに分割する方法

Resources/window1.js

var win = Ti.UI.createWindow({title:'window1'});
var label = Ti.UI.ceateLabel({text:'Say there'});
win.add(label);
exports.window = win;

Resources/app.js

var win1 = require('window1').window;
var tab = Ti.UI.createTab(window:win1);
var tabGroup = Ti.UI.createTabGroup();
tabGroup.addTab(tab);
tabGroup.open();

exportsを使ったCommonJSスタイルで記述し、require()で読み込みます。exportsで指定されたオブジェクトだけが公開され、しかもそれがサンプルの例でwin1に閉じ込められるのがポイント！
参考url: @IT QA

↑

[1, 2, 3], [101, 2, 1, 10], [2, 1]といった3っつの配列で共通する要素の配列を取得する方法

注：underscore.jsはAlloyを使用するとデフォルトで利用できるようになりました。
Titanium Mobileに限った話ではありませんが、underscore.jsというライブラリを使用すれば、簡単に記述できます。underscore.jsファイルをResouces/vendor/以下に配置して、

_ = require('vendor/underscore')._
var arrayX = _.intersection([1, 2, 3], [101, 2, 1, 10], [2, 1]);

共通項の[1, 2]を取得できます。 他にも配列操作などの便利な処理が沢山あります。ライブラリやAPIはhttp://underscorejs.org/

参考url:

↑

メールダイアログ表示

#pre{{
var emailDialog = Titanium.UI.createEmailDialog();
emailDialog.setSubject('Hello from Titanium!');
emailDialog.setToRecipients(['foo@yahoo.com']);
emailDialog.setCcRecipients(['bar@yahoo.com']);
emailDialog.setBccRecipients(['blah@yahoo.com']);

if (Ti.Platform.name == 'iPhone OS') {
emailDialog.setMessageBody('<b>Appcelerator Titanium Rocks!</b>');
emailDialog.setHtml(true);
emailDialog.setBarColor('#336699');
} else {
emailDialog.setMessageBody('Appcelerator Titanium Rocks!');
}

// attach a blob
emailDialog.addAttachment(event.media);

// attach a file
var f = Ti.Filesystem.getFile(Titanium.Filesystem.resourcesDirectory, 'cricket.wav');
emailDialog.addAttachment(f);

emailDialog.addEventListener('complete',function(e) {
if (e.result == emailDialog.SENT) {
if (Ti.Platform.osname != 'android') {
// android doesn't give us useful result codes.
// it anyway shows a toast.
alert('message was sent');
}
} else {
alert('message was not sent. result = ' + e.result);
}
});
emailDialog.open();
}}

引用元url: http://stackoverflow.com/questions/4407888/sending-email-using-titanium-developer-application

↑

Titaniumのプロジェクトを削除する方法

  1. Titanium Studioで左上のProject Explorerを開く
  2. 消したいプロジェクトを選択
  3. [Project] - [Close Project]
  4. [Edit] - [Delete]
  5. Finderでプロジェクトのフォルダを削除
↑

タブバーの背景色変更

Titanium SDK 3.0から可能になったそうです。

var self = Ti.UI.createTabGroup({
	tabsBackgroundColor : 'red'
});

また、画像設定など詳細に設定できるようです。詳しくはこちらまで。 TabGroupの外装を色々触ってみる | UCHiDAK.NET

↑

オブジェクトの中身を表示する方法（PHPでいうところのvar_dump）

Ti.API.info(JSON.stringify(obj));
↑

Titanium Advent Calendar

↑

技術者ブログ

↑

TIPSリンク

↑

Appceleratorリンク

↑

ユーザー会リンク

↑

リンク