マウスボタンが押されたら画像を入れ替える |
実行画面 | |
---|---|
説 明 | マウスボタンが押されたら画像を入れ替えるには、画像にnameまたは<name>で名前を指定しておきます(以下のサンプルではmyImg)。この画像の場所(パス)はsrcに入っており画像へのパスで指定できます。 マウスボタンによる反応は<action>タグのtriggerでマウスイベントを指定します。マウスボタンが押された場合はonMouseDown、離された場合はonMouseUpになります。画像の透明度を変えるには、この<action>タグ内にJavaScriptを記述します。画像の場所(パス)へのアクセスは「画像名.src」のように記述します。以下のサンプルでは画像名はmyImgなので「myImg.src」に画像へのパスを指定しています。 |
■ダウンロード |
|
サンプル | <widget> <window name="mainWin" /> <image src="Resources/sample1.png" name="myImg" /> <action trigger="onMouseDown"> myImg.src = "Resources/sample2.png"; </action> <action trigger="onMouseUp"> myImg.src = "Resources/sample1.png"; </action> </widget> |
補足説明 |