not good but great

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

Titaniumで真木よう子の画像を表示してみる

折角なので真木よう子で練習しよう

Titaniumで画像を表示するというチュートリアルを見ました。サンプル画像を表示させてもおもしろくないので、自分の好きな女優である真木よう子を表示させることにしました。

#14 画像を表示させてみよう | 【サポート終了】Titanium Mobile入門 - プログラミングならドットインストール

真木よう子を表示する

コード

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

var view = Ti.UI.createView();

var image = Ti.UI.createImageView({
        //真木よう子の画像URL
	image:"http://imgcc.naver.jp/kaze/mission/USER/20130913/99/928119/10/565x831x07281227a86fb1b182bc4eac.jpg",
	width:200
});

view.add(image);
win.add(view);
win.open();

画像は自分で用意するも良し、URLを指定することもできます。

f:id:naoyashiga:20140223210229j:plain
真木よう子は美人ですね!

画像を切り替える

//カウンター
var cnt = 0;

makiImage.addEventListener("click",function(e){
	if(cnt % 2 == 0){
		makiImage.image = "http://s.cinematoday.jp/res/N0/05/39/v1371566135/N0053977_l.jpg";
	}else{
		makiImage.image = "http://imgcc.naver.jp/kaze/mission/USER/20130913/99/928119/10/565x831x07281227a86fb1b182bc4eac.jpg";
	}
	cnt++;
});

カウンターを設置すれば、クリックで画像を切り替えることもできます。