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