今日からTitaniumの中身をもりもり見ていきます。
参考にするサイト
Titaniumで始めるモバイルアプリ作成の基礎知識 -新規Titaniumアプリの作成
Titanium Mobile APIリファレンス(非公式)
tiapp.xml:プロジェクト作成時に入力した内容をまとめている、基本いじる値は入っていない
app.js:Titanium Mobile 1.0から導入された。まずこのファイルを読んでアプリの初期化を行うらしい
var tab1 = Titanium.UI.createTab({
});
var win2 = Titanium.UI.createWindow({
});
ちなみに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()
{
});
tabGroup.setActiveTab(1);
として実行すれば
こんな感じになる。
何も設定してないとタブグループを上に表示するのだろうか
下に表示するためにはどうすればいいのか後で調べる。
とりあえず一旦ここまで、後で続きを書きます。
参考にするサイト
Titaniumで始めるモバイルアプリ作成の基礎知識 -新規Titaniumアプリの作成
Titanium Mobile APIリファレンス(非公式)
tiapp.xml:プロジェクト作成時に入力した内容をまとめている、基本いじる値は入っていない
app.js:Titanium Mobile 1.0から導入された。まずこのファイルを読んでアプリの初期化を行うらしい
var tab1 = Titanium.UI.createTab({
id:'tab1',
window:win1
window:win1
});
Windowオブジェクト簡単にセットできるのか
var win2 = Titanium.UI.createWindow({
url:'main_windows/controls.js',
titleid:'controls_win_title'
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');
Titanium.UI.setBackgroundColor('#fff');
});
tabGroup.setActiveTab(1);
として実行すれば
こんな感じになる。
何も設定してないとタブグループを上に表示するのだろうか
下に表示するためにはどうすればいいのか後で調べる。
とりあえず一旦ここまで、後で続きを書きます。