not good but great

プログラミング、アート、映画・本の感想について書きます。

Titaniumでタブグループを使って、タブメニューを作る

タブメニューを作成する

f:id:naoyashiga:20140224184610j:plain
ドットインストールを参考にしました。
#25 タブグループを作ってみよう (2) | Titanium Mobile入門 - プログラミングならドットインストール

タブグループを作成

var tabGroup = Ti.UI.createTabGroup();

ウィンドウを作成

var win1 = Ti.UI.createWindow({
	title:"win 1",
	backgroundColor:"#bbb"
});

var win2 = Ti.UI.createWindow({
	title:"win 2",
	backgroundColor:"#aaa"
});

タブを作成

var tab1 = Ti.UI.createTab({
	icon:"KS_nav_views.png",
	title:"Tab 1",
	window:win1
});

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

タブグループにタブを追加

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

tabGroup.open();

バッジをつける

tabGroup.tabs[0].setBadge(2);

Twitterアプリでリプライされたときによく使われるバッジを使用することが出来ます。ニュースアプリなどを作るときに重宝しそうです。

色合いを決める

f:id:naoyashiga:20140224190357j:plain

//色合い
tabGroup.tabsTintColor = "#FF0";//黄色

tintは「色合い」という意味みたいです。iOS7から定義できるようになったようです。
・参考
Titanium 3.X - Appcelerator Docs