Titanium クリックで画像を変更する

質問

Titaniumでアンドロイドアプリを作っています。クリックイベントで画像を入れ替えたいのですがやり方が分かりません。イメージとしては、ボタン画像をクリックしたら画像の色を変えたいのです。ホームページでよくあるリンクボタンのマウスオーバー的なことを実現したいだけです。ただTitaniumでの実装方法が分かりません。

下記のようなスクリプトで、settei_grayがクリックされたらsettei_blueに画像を入れ替えたいんです。settei_grayのクリックイベントは検知されているのですが、その後の入れ替えスクリプトが分かりません。素人で恐縮ですが、ご教示いただければ幸いでございます。

宜しくお願いします。

var home_win = Ti.UI.createWindow({
title:'home',
backgroundColor:'#00c',
layout: 'vertical'
});

//イメージを格納
var apri_title = Ti.UI.createImageView({image:'title.png',top:'25%'});
var settei_gray = Ti.UI.createImageView({image:'settei_gray.png',top:'10%'});
var settei_blue = Ti.UI.createImageView({image:'settei_blue.png',top:'10%'});

//イメージを表示
home_win.add(apri_title);
home_win.add(settei_gray);

//イメージをクリックしたら色変える
settei_gray.addEventListener('click',function(e){
alert('クリックされたで');
//settei_gray = settei_blue;
});

回答No.1

noname#177743 · ベストアンサー

ImageViewを入れ替えるというより、ImageViewに表示されているイメージを変更する、と考えたほうがいいんじゃないでしょうか。ImageViewのイメージは、imageプロパティで変更できたと思います。

settei_gray.image = 'settei_blue.png';
settei_blue.image = 'settei_gray.png';

というような感じで変更できないでしょうか。

どうしてもImageViewを入れ替えたい、ということなら、removeで一度home_winからImageViewを削除してからaddし直す、ということになると思います。

お礼

早速ありがとうございます！imageViewのImageプロパティを変えるということで承知しました！あと、removeでimageViewを削除してaddし直すといったことも出来るんですね。これも参考になりました。
ありがとうございました！