not good but great

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

Titanium MobileでHello Worldする

ドットインストールを見ながら使い方を学んでいます。先日環境設定ができたので「Hello Wolrd」をさせてみようと思います。

ソース

window,view,labelに分けて考えるみたいです。

//win
var win = Ti.UI.createWindow({
	backgroundColor:"#EBE2D9"
});

//view
var view = Ti.UI.createView();

//label
var label = Ti.UI.createLabel({
	text:"Hello World",
	font:{fontSize:48},
	height:32,
	width:Ti.UI.SIZE,
	top:50,
	color:"#4EB941"
});

//labelをviewに追加
view.add(label);

//viewをwinに追加
win.add(view);

//winを開く
win.open();

結果

f:id:naoyashiga:20140218214117j:plain
まだ始めたばかりなのでwindowとviewの違いがよくわかっていませんが、段々わかるようになるだろうと思っています笑。

Labelのドキュメントを見てみると、文字の大きさなどいろいろ返ることができるようです。
Appcelerator Documentation