It is currently October 5th, 2024, 3:27 pm

Launcher, how to make this?

Get help with creating, editing & fixing problems with skins
cvikan
Posts: 6
Joined: May 16th, 2010, 3:32 pm

Launcher, how to make this?

Post by cvikan »

Hi everyone,

I poorly know English, so I'll explain the problem as short as possible!
I made a launcher for rainmeter, but I wonder if it is possible to do that there are 2 state icon would be activated when a cursor is moved over it.

How to do something like this? >
Image
User avatar
JpsCrazy
Posts: 667
Joined: April 18th, 2010, 2:16 pm
Location: NY, USA

Re: Launcher, how to make this?

Post by JpsCrazy »

MouseOverAction=!Execute [!RainmeterHideMeter Regular][!RainmeterShowMeter Highlighted]
MouseLeaveAction=!Execute [!RainmeterShowMeter Regular][!RainmeterHideMeter Highlighted]

That's how I'd do it.
Also see: MouseLeaveAction Tips
User avatar
Alex2539
Rainmeter Sage
Posts: 642
Joined: July 19th, 2009, 5:59 am
Location: Montreal, QC, Canada

Re: Launcher, how to make this?

Post by Alex2539 »

This is exactly what you're looking for: Tips and Tricks: Buttons. Rainmeter lets you easily make a button that has three different states: Normal, Hover and Click. If you don't want to use the Click state, all you need to do is make it look like the Hover state and you'll never notice the difference.
ImageImageImageImage
User avatar
jsmorley
Developer
Posts: 22819
Joined: April 19th, 2009, 11:02 pm
Location: Fort Hunt, Virginia, USA

Re: Launcher, how to make this?

Post by jsmorley »

Buttons is a good way, hide/show meter on mouseover is ok, but makes for a lot of code. Another alternative is ImageTint

[Rainmeter]
Update=500
MouseLeaveAction=!RainmeterSetVariable FaceBookColor 255,255,255,255

[Variables]
FaceBookColor=255,255,255,255

[MeterFaceBook]
Meter=Image
ImageName=FaceBook.jpg
GreyScale=0
ImageTint=#FaceBookColor#
DynamicVariables=1
MouseOverAction=!RainmeterSetVariable FaceBookColor 215,221,253,255
LeftMouseUpAction=!Execute ["whatever"]

Image
Artifacts are from the crappy .gif format, not ImageTint ;-)

More dramatic results can be had by using more dramatic color differences, and can be really striking if you use GreyScale=1 which in effect makes ImageTint "colorize" the image instead of "tinting" it.

Doesn't let you have two different images of course, but can give a nice hover effect with a minimum of code. Button meter is really the most efficient, but does require some Photoshop/gimp work to create the bitmaps.
cvikan
Posts: 6
Joined: May 16th, 2010, 3:32 pm

Re: Launcher, how to make this?

Post by cvikan »

Thanks guys, mark this as sloved!