IT坊主でいこう!

坊主をしながらITのことに詳しくなりたい!
iphoneアプリ、Webアプリ等頑張る!

Kitchen Sink等からTitaniumを学ぶ 共通部分その1[Windows]

2012年05月28日 19時10分41秒 | Titanium
今日からTitaniumの中身をもりもり見ていきます。

参考にするサイト

Titaniumで始めるモバイルアプリ作成の基礎知識 -新規Titaniumアプリの作成
Titanium Mobile APIリファレンス(非公式)

tiapp.xml:プロジェクト作成時に入力した内容をまとめている、基本いじる値は入っていない
app.js:Titanium Mobile 1.0から導入された。まずこのファイルを読んでアプリの初期化を行うらしい

var tab1 = Titanium.UI.createTab({
id:'tab1',
window:win1

});

Windowオブジェクト簡単にセットできるのか


var win2 = Titanium.UI.createWindow({
url:'main_windows/controls.js',
titleid:'controls_win_title'

});

作成したウィンドウで呼び出すJSを指定できる

ちなみにWindowsオブジェクトは
w.alertMessage = message;
で警告メッセージを入れておけるらしい、後でやってみよう。

var window2 = Titanium.UI.createWindow({url:'foo.js'});
var t = Ti.UI.iPhone.AnimationStyle.FLIP_FROM_LEFT;
window1.animate({view:window2,transition:t});

でウィンドウ開くときのアニメーションも設定できるのかな

tabGroup.addTab(tab1);
tabGroup.addTab(tab2);
tabGroup.addTab(tab3);
tabGroup.addTab(tab4);
tabGroup.addTab(tab5);

tabGroup.addEventListener('open',function()
{
// set background color back to white after tab group transition
Titanium.UI.setBackgroundColor('#fff');

});

tabGroup.setActiveTab(1);


として実行すれば


こんな感じになる。
何も設定してないとタブグループを上に表示するのだろうか
下に表示するためにはどうすればいいのか後で調べる。

とりあえず一旦ここまで、後で続きを書きます。


最新の画像もっと見る