Titanium mobileの基礎14〜タブグループの作成

タブを作る。

ポイント

・タブグループを直接openすることで開く。windowにaddする必要はない。
・AndroidではsetBadgeメソッドは利用不可
　参考：まったりlog残し - ドットインストールの「Titanium Mobileの基礎」をAndroidで写経してみた

手順

http://dotinstall.com/lessons/basic_titanium/1924

ソース

app.js

// タブグループの作成
var tabGroup = Ti.UI.createTabGroup();

// ウィンドウの作成
var win1 = Ti.UI.createWindow({
	title: 'win1',
	backgroundColor: 'blue'
});

var win2 = Ti.UI.createWindow({
	title: 'win2',
	backgroundColor: 'yellow'
});

// タブの作成
var tab1 = Ti.UI.createTab({
	icon: 'KS_nav_ui.png',
	title: 'Tab1',
	window: win1
});

var tab2 = Ti.UI.createTab({
	icon: 'KS_nav_ui.png',
	title: 'Tab2',
	window: win2
});

tabGroup.addTab(tab1);
tabGroup.addTab(tab2);
tabGroup.open();

// タブ１にバッジをつける（iOSのみ・Android不可）
tabGroup.tabs[0].setBadge(2);

// 選択中のタブ番号取得してコンソールに出力
Ti.API.info(tabGroup.tabs[0].title);