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

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

Android申請時メモ

  • Titanium Studio上からも[Distribute - Android App Store] - [Keystore Locationでnew]によってキーストアファイルが作れるが、これでPublishするとビルド途中で日付エラーとなる(java.io.IOException: Parse Generalized time, invalid format)。コマンドライン上で生成するとOKでした。 備考：キーストアファイル名はプロジェクト名.keystore、Key Aliasはプロジェクト名とすればOK 備考：Publisher名はpapuu.jp、部署名はappsとした。
  • 古いUIのGoogle Play Developer Console上からapkファイルをアップロードするとき開始時に失敗します(エラーメッセージ「apkをサーバーで処理できませんでした」)。Google Play Developer Consoleサイト右上の「新しいデザインを試す」ボタンから新しいデザインに切り替えるとOK

Androidアプリはapkファイルをaタグのsrcで指定すれば公開できます。うまくいかないときは次のMIME typeを設定します。
.htaccess

AddType application/vnd.android.package-archive apk
↑

Android版開発時の注意点(iPhoneアプリ開発を基準とした違い。主にTitanium SDKのバージョン 2.1.2GA以降で試した情報です)

  1. 画像を読み込むとき'/image/foo.png'のようにスラッシュから始めないとAndroidではエラーとなる。
  2. touchstartイベントなどでスクリーン座標系のglobalPointを使用するとエラーとなる。 ... 元々DEPRECATEDとなっているので、iPhoneでもx/yで取得し、sourceのオブジェクトに応じてglobalPointを求めた方が良さそうです。
  3. ImageViewで背景画像のリピートを指定しても、イメージ枠一杯に拡大表示される。 ... WebViewではAndroidでもリピートしていました。しょうがないのでImageViewで背景を敷き詰めるときはAndroidだけ大きめに敷き詰めた別画像を用意します。
  4. ImageViewの中にImageViewなどを入れ子にすると、入れ子にしたコンポーネントが表示されない。Androidでも動くようにするためにはViewにaddしないといけない。
  5. あるウィンドウでaddしているviewを、そこから開いた別のウィンドウにもaddしたときの動作がiOSとAndroidで違う。iOSでは両方のウィンドウで表示される。Androidでは開いたウィンドウで表示されず、戻ったときに元のウィンドウでも消えている。最初からviewは１つのウィンドウに所属するのを前提とするのが設計上も良さそう。removeしてからaddするか、viewをコピーしてaddするかで対応する。
  6. iPhone: Labelなどでwidth, heightを指定しないと0となる。
    Android: Labelなどでwidth, heightは文字列に合わせて設定してくれる。
  7. iPhone: Labelなどで上下位置を指定しないとき上寄せとなる。
    Android: Labelなどで上下位置を指定しないとき上下方向の中央寄せとなる。
  8. iPhone: TextAreaのheightをautoとしたとき、行数が変わっても高さは変わらない。
    Android: TextAreaのheightをautoとしたとき、入力した行数によって高さが変わる。
    関連url
↑

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

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

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

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
});
↑

技術者ブログ

↑

iOS TIPSリンク

↑

Android TIPSリンク

↑

カメラTIPSリンク

↑

TIPSリンク

↑

リンク