折角なので真木よう子で練習しよう
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を指定することもできます。
真木よう子は美人ですね!
画像を切り替える
//カウンター 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++; });
カウンターを設置すれば、クリックで画像を切り替えることもできます。