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