Quantcast
Channel: Rainmeter Forums
Viewing all articles
Browse latest Browse all 752

Images and Animations • How can i get a white line around images and ability to move this skin

$
0
0
-- Edit: RicardoTM beat me to it...


I had to approximate your images, but something like this:

Code:

[Rainmeter]Author=ESQOUpdate=1000[Metadata]Name=TideWaveDescription=TideWaveLicense=ESQO AlgoBoxVersion=1.0[Variables]; Caminhos das imagensTideImage1="Images\tide_black.png"TideImage2="Images\tide_blue.png"TideImage3="Images\tide_red.png"WaveImage1="Images\wave_black.png"WaveImage2="Images\wave_blue.png"WaveImage3="Images\wave_red.png"; ContadoresTideCounter=0WaveCounter=0[TideCounter]Measure=CalcFormula=(TideCounter + 1) % 3UpdateDivider=-1IfCondition=TideCounter= 1IfTrueAction=[!SetOption TideShape ImageName "#TideImage1#"][!UpdateMeter *][!Redraw]IfCondition2=TideCounter= 2IfTrueAction2=[!SetOption TideShape ImageName "#TideImage2#"][!UpdateMeter *][!Redraw]IfCondition3=TideCounter= 0IfTrueAction3=[!SetOption TideShape ImageName "#TideImage3#"][!UpdateMeter *][!Redraw][MeterOuterBorder]Meter=ImageW=186; 88 X 2 + 10H=98; 88 + 10SolidColor=255,255,255,255[TideShape]Meter=ImageImageName=#TideImage1#X=5Y=5W=88H=88LeftMouseUpAction=[!UpdateMeasure TideCounter][WaveCounter]Measure=CalcFormula=(WaveCounter + 1) % 3UpdateDivider=-1IfCondition=WaveCounter= 1IfTrueAction=[!SetOption WaveShape ImageName "#WaveImage1#"][!UpdateMeter *][!Redraw]IfCondition2=WaveCounter= 2IfTrueAction2=[!SetOption WaveShape ImageName "#WaveImage2#"][!UpdateMeter *][!Redraw]IfCondition3=WaveCounter= 0IfTrueAction3=[!SetOption WaveShape ImageName "#WaveImage3#"][!UpdateMeter *][!Redraw][WaveShape]Meter=ImageImageName=#WaveImage1#X=88r; Start 88 pixels from the "left edge" of the previous meterY=5W=88H=88LeftMouseUpAction=[!UpdateMeasure WaveCounter]
1.jpg
tide_black.png
tide_blue.png
tide_red.png
wave_black.png
wave_blue.png
wave_red.png
So to explain:

1) Create an Image meter (or Shape meter) that you put "before" the other meters, so it will be "behind". Set the size as much larger than the height of the image(s) and the combined width of the two images. Add twice the size of the border you want to the W and H size of the background image, for the "border".

2) Move the squares down(Y) and to the right(X) the amount you want for the border.

3) Don't use X and Y, or W and H, to position the skin on the screen. Just drag it where you want it.

4) Don't use LeftMouseDownAction, but rather LeftMouseUpAction, so you can still drag the skin without triggering the event(s).

5) [!Redraw] without a preceding [!UpdateMeter *] does nothing. I suspect this is why you had Update=10, but see 6) below.

6) There is absolutely no need to set Update in the Rainmeter section to anything other than 1000. The [!UpdateMeter *] bang will ensure that the change happens instantly when you click on the shape(s).


7) I strongly suggest that you set your "folder options" to display file extensions. It will make it a lot easier to work on Rainmeter skins, and really there is just no excuse for leaving them off (in my opinion).

2.jpg
3.jpg

Statistics: Posted by jsmorley — Yesterday, 11:57 pm — Replies 2 — Views 142



Viewing all articles
Browse latest Browse all 752

Trending Articles