Titanium mobileの基礎07〜画像を表示する

画像を表示させる。

ポイント

・Ti.UI.CreateImageView()を使う
・画像をプロジェクトに追加するにはドラッグ＆ドロップでOK
・画像表示オプションにwidthだけ指定すればアスペクト比を自動的に調整してくれる
・URLも指定可能

手順

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

ソース

app.js

var win = Ti.UI.createWindow({
    backgroundColor: 'blue'
});
var view = Ti.UI.createView();
var image = Ti.UI.createImageView({
	// ローカルの画像
	image: 'gu.png',
	// URL先の画像
    //image: 'http://dotinstall.com/img/very_top.png',
    width: 200
});
view.add(image);
win.add(view);
win.open();

所感

widthだけ指定すればアスペクト比を自動的に調整してくれるのが便利。