カテゴリ
タグ
以前の記事
2007年 06月 2007年 05月 2007年 04月 2007年 03月 2007年 02月 2007年 01月 2006年 12月 2006年 11月 2006年 10月 2006年 09月 2006年 08月 2006年 07月 2006年 06月 2006年 05月 2006年 04月 2006年 03月 2006年 02月 2006年 01月 2005年 12月 2005年 11月 2005年 10月 2005年 09月 2005年 08月 2005年 07月 2005年 06月 2005年 05月 2005年 04月 2005年 03月 2005年 02月 お気に入りブログ
晩ご飯日記 Another Diary 新館 Non-Fiction(Remix Version) blogリンク たまごの距離 かめ? PSY・Sリンク ココロに届けハートアイランド 大きな伽羅の木の下で 最新のトラックバック
ライフログ
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧
|
2007年 01月 31日
前回作製したWidgetを改造して、画像をクリックすると次々と表示が変わるようしてみよう。まず切り換えて表示する画像をWidgetに追加する。画面右下をファイル一覧にしておいてから、ライブラリウィンドウから追加したい画像をImagesフォルダにドラッグする。
続いて、画像をクリックした時のイベントハンドラを作製する。以前にボタンのハンドラを作製した時と同じように、インスペクタウィンドウでイベント一覧を表示し、onclickイベントにchangeImageというイベントハンドラを作製する。 画像を変更する場合は、画像パーツのsrc属性に表示したいファイルのパスを入れてやればいい。だから、単純にクリックされたら表示を変えるというだけであれば、次のようなコードを書けばいい。 だけど今回は切り換える画像をいくつか用意して、クリックするたびにそれを順番に表示するようにしたい。こういう場合は配列を使うと便利だ。 上記のように、Imagesという配列を作製し、表示したいファイルのパス名を入れておく。indexというグローバル変数は「今何番目の画像を表示しているか」を記憶しておく変数だ。 そして、changeImageの内容は以下のようにする。 まず、indexの値を増やす。このときindexの値が配列の上限に達したらindexを0、つまり最初の画像にもどす。最後にイメージパーツのsrc属性を変更する。 ここまで終ったら実行してみよう。クリックで画像が変わっていくはずだ。
by uchya_x
| 2007-01-31 22:50
| プログラミング
|
ファン申請 |
||