Titanium mobileの基礎02〜ボタンとアクションの実装

Titanium

ボタンを設置する。

ボタンを押下すると、アラートメッセージを表示する。

ポイント

・何かをされたとき、というようなアクションの定義には、JavaScriptでおなじみのaddEventListenerが使える。
・ボタンの作成、アクションの記述をしたあとは、viewにaddするのを忘れずに。

ソース（抜粋）

app.js

// ボタンの作成
var button = Ti.UI.createButton({
	title: 'push me',
	top: 200,
	width: 100,
	height:32
});

// ボタン押下時のアクション
button.addEventListener('click', function(e){
	//alert('You pushed me!');
	Ti.API.info('You pushed me!');
});

// ボタンをviewに追加
view.add(button);

参考

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

所感

XcodeのStoryboardのようなリソースエディタがない？ようで、手動で配置している。
しかし、コーディング自体はObjective-Cに比べたらまったく難しくなく、とっつきやすい。