トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS

Titanium Mobile

Last-modified: 2018-11-14 (水) 15:24:01 (2214d)
Top / Titanium Mobile

関連ページ

目次

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

↑

国際化対応

↑

controllers/foo.jsで利用する方法

$.labelFoo.text = L('bar');
↑

styles/foo.tssで利用する方法

'#labelFoo': {
	text: L('bar')
}
↑

views/foo.xmlで利用する方法

<Label text="L('bar')" />
↑

リンク

↑

アプリ名設定方法

tiapp.xmlのnameに英語アプリ名を設定します。（この値はTi.App.nameで取得できます。ただし言語で名前を分けることはできません）

 <name>App Foo</name>
↑

言語別にアプリ名を替えたい場合、更に次の値を設定します（iOS/Android共通）

i18n/en/app.xmlに英語アプリ名を設定します。

<?xml version="1.0" encoding="UTF-8"?>
<resources>
	<string name="appname">App Foo</string>
</resources>

i18n/ja/app.xmlに日本語アプリ名を設定します。

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

注意: 一時期Androidだけ次項に書かれているように別途対応する必要が有りましたが、iOSと同様に書けるようになったそうです(参考:Titanium alloy で国際化のススメ スライドショー)。

↑

iOSとAndroidでアプリ名を替えたい場合、次のようにします。

通常は同じアプリ名が望ましいですが、すでにアプリ名が使われていて替えたい場合など
i18n/ja/app.xml, i18n/en/app.xmlにiOSアプリ名を設定します。

<?xml version="1.0" encoding="UTF-8"?>
<resources>
	<string name="appname">iOS App Foo</string>
</resources>

i18n/ja/strings.xml, i18n/en/strings.xmlにAndroidアプリ名を設定します。

<?xml version="1.0" encoding="UTF-8"?>
<resources>
	<string name="appname_android">Android App 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'
});

また、画像設定など詳細に設定できるようです。

↑

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

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

技術者ブログ

↑

TIPSリンク

↑

Appceleratorリンク

↑

ユーザー会リンク

↑

リンク