[Solved] How to achieve solid 1px border around histograms and barmeters?

[Dany Gee]

Hi,

what is the best way to achieve solid 1px border around histograms and barmeters?
For now my borders are created with shapemeter, but It doesn't create real solid 1px border when I enter StrokeWidth 1 - it gets transparent. Strokewidth 2 makes it solid, but too thick.
Code for the border:

Code: Select all

[BorderCpuGraph]
Meter=Shape
Shape=Rectangle 126,321,173,19,0 | Fill Color 255,255,255,0 | StrokeWidth 2| Stroke Color 63,69,81,255

[kyriakos876]

Strokes are not "borders", they are the "drawing stroke" of the shape. So in a sense the stroke is "half inside" and "half outsde" the boundary of the shape. The way Windows / D2D handles an odd-numbered StrokeWidth, like the default "1", is that it actually draws "half pixels" by aliasing the outside and inside edge of the stroke.

[kyriakos876]

You might wanna check this one:

https://forum.rainmeter.net/viewtopic.php?f=5&t=24294

[Dany Gee]

OK, I get it. So, is Rainmeter capable of drawing solid 1px border somehow?

[jsmorley]

You might try StrokeWidth 1.5 and see if that isn't more pleasing.

Code: Select all

[MeterShape]
Meter=Shape
Shape=Rectangle 1,1,300,150 | StrokeWidth 1.5 | Stroke Color 255,255,255,255 | Fill Color 47,47,47,255

[kyriakos876]

OK, I get it. So, is Rainmeter capable of drawing solid 1px border somehow?

If you want Rainmeter to draw this, one way could be having 4 image meters.

Code: Select all

[Top]
Meter=Image
SolidColor=0,0,0
W=100
H=1

[Left]
Meter=Image
SolidColor=0,0,0
W=1
H=10
X=R

[Right]
Meter=Image
SolidColor=0,0,0
W=1
H=10


[Bottom]
Meter=Image
SolidColor=0,0,0
W=100
H=1
Y=-1R

This is one "border".

I don't like this method very much though but you might find it helpful.

You can always use an image made on photoshop and use one meter instead of 4, but you asked if Rainmeter could draw it, so yeah...

[jsmorley]

Another approach might be:

Code: Select all

[MeterShape]
Meter=Shape
Shape=Rectangle 0,0,302,152 | StrokeWidth 0 | Fill Color 255,255,255,255
Shape2=Rectangle 1,1,300,150 
Shape3=Combine Shape | Exclude Shape2
Shape4=Rectangle 1,1,300,150 | StrokeWidth 0 | Fill Color 47,47,47,255

1.jpg

I did it this way, so if you want to have the shape itself, the dark rectangle, have some transparency, you can, while keeping the "border" solid.

2.jpg

Note that this approach creates a "border". A "stroke" is NOT a border.

[Dany Gee]

Perfect! This is what I was looking for and what nobody asked in the shapemeter thread.
Thanks for the tips and for the Rainmeter!

[jsmorley]

Perfect! This is what I was looking for and what nobody asked in the shapemeter thread.
Thanks for the tips and for the Rainmeter!

Glad to help. BTW, "which" was perfect?

[Dany Gee]

This one:

[MeterShape]
Meter=Shape
Shape=Rectangle 0,0,302,152 | StrokeWidth 0 | Fill Color 255,255,255,255
Shape2=Rectangle 1,1,300,150
Shape3=Combine Shape | Exclude Shape2
Shape4=Rectangle 1,1,300,150 | StrokeWidth 0 | Fill Color 47,47,47,255