"R" spacing

[kyriakos876]

I hope y'all don't hate my by now for posting all these things...
So, I read here that

X,Y;;Default: 0;;X=10R : Meter begins 10 horizontal pixels to the right of the previous meter.

Well, what if it's a string that has

Code: Select all

StringAlign=Center

Does that still mean it begins 10 horizontal pixels to the right of the previous meter?
Because here's what I get:

Example.png

The distance between the green box and the end of the string is increased, while the code is

Code: Select all

[NormalCenter]
StringAlign=Center
FontColor=200,200,200
FontFace=Roboto
FontSize=13
AntiAlias=1

[Shortcut5]
Meter=String
MeterStyle=NormalCenter
Text="Youtube"
X=R
Y=15
Padding=0,3,0,0
MouseOverAction=[!SomeAction]
MouseLeaveAction=[!SomeAction]
LeftMouseUpAction=[!SomeAction]
DynamicVariables=1
UpdateDivider=-1

[GreenBox]
Meter=Image
X=R
SolidColor=0,255,0
W=10
H=10
Y=10

In both cases... The only thing I change is the Text option from "Youtube" to "Youtubeeeeeeeee"

According to the docs, the green box should be drawn right after the string, yet it isn't.
Is somehow the width of the string connected to this? Because that's what I think, but I don't understand how...

[balala]

When a String meter is aligned to center and the next meter is positioned using the R parameter, its position is calculated like the String meter would be aligned left. If you try to modify the StringAlign option of the [NormalCenter] meter to StringAlign=Left, you'll see what am I talking about. Not sure what is the explanation, but this is the fact.

[Active Colors]

I hope y'all don't hate my by now for posting all these things...
So, I read here that

X,Y;;Default: 0;;X=10R : Meter begins 10 horizontal pixels to the right of the previous meter.

Well, what if it's a string that has

Code: Select all

StringAlign=Center

Does that still mean it begins 10 horizontal pixels to the right of the previous meter?
Because here's what I get:
Example.png
The distance between the green box and the end of the string is increased, while the code is

Code: Select all

[NormalCenter]
StringAlign=Center
FontColor=200,200,200
FontFace=Roboto
FontSize=13
AntiAlias=1

[Shortcut5]
Meter=String
MeterStyle=NormalCenter
Text="Youtube"
X=R
Y=15
Padding=0,3,0,0
MouseOverAction=[!SomeAction]
MouseLeaveAction=[!SomeAction]
LeftMouseUpAction=[!SomeAction]
DynamicVariables=1
UpdateDivider=-1

[GreenBox]
Meter=Image
X=R
SolidColor=0,255,0
W=10
H=10
Y=10

In both cases... The only thing I change is the Text option from "Youtube" to "Youtubeeeeeeeee"

According to the docs, the green box should be drawn right after the string, yet it isn't.
Is somehow the width of the string connected to this? Because that's what I think, but I don't understand how...

It's a bit tricky question. Relative positioning r and R disregard how string meter is aligned and treats it as any meter that is drawn by default from the top left pixel. Because relative positioning looks for X and W of the relative meter. When you align your text by Center or by Right your X and W stay the same.
To actually position it you should use section variables.

Code: Select all

[GreenBox]
Meter=Image
X=([Shortcut5:X]+[Shortcut5:W])

[jsmorley]

The "R" modifier on X is always related to the meter container, not the contents of the meter.

[kyriakos876]

When a String meter is aligned to center and the next meter is positioned using the R parameter, its position is calculated like the String meter would be aligned left. If you try to modify the StringAlign option of the [NormalCenter] meter to StringAlign=Left, you'll see what am I talking about. Not sure what is the explanation, but this is the fact.

Yea I'm aware that with StringAlign=Left it's normal... I just wanted to know why is that with R when to docs say it's relative to the previous meter... it's acting like I've set some padding to the right of the meter which is not the case obviously.

Code: Select all

[GreenBox]
Meter=Image
X=([Shortcut5:X]+[Shortcut5:W])

That's what I was using until I decided R was much simpler.

The "R" modifier on X is always related to the meter container, not the contents of the meter.

Shouldn't the meter's container end where the content of that meter ends?
I realized that only if I force a container by doing W=200 it works and the R of the next meter starts where the actual content of the meter ends, but this is very annoying because you have to manually find the W of the actual content, and you can't use [Shortcut5:W] obviously because it thinks it's larger than it actually is as seen in the pictures of the first post.

[jsmorley]

That is some strange behavior. Not quite sure what is being added to what it detects as "R" in that case.

Anyway, I would fix it with:

Code: Select all

[NormalCenter]
StringAlign=Center
FontColor=200,200,200
SolidColor=255,0,0,90
FontFace=Roboto
FontSize=13
AntiAlias=1

[Shortcut5]
Meter=String
MeterStyle=NormalCenter
Text="YouTubeeeeeeeeeeeeeee"
X=100
Y=15
Padding=0,3,0,0
MouseOverAction=[!SomeAction]
MouseLeaveAction=[!SomeAction]
LeftMouseUpAction=[!SomeAction]
DynamicVariables=1
UpdateDivider=-1

[GreenBox]
Meter=Image
X=(([ShortCut5:X]+[ShortCut5:W])+10)
SolidColor=0,255,0
W=10
H=10
Y=10
DynamicVariables=1

That will have [GreenBox] set 10px to the right of [Shortcut5], no matter how long the string is.

You didn't set a W on the String meter, and that is fine, you don't need it. You DO need a valid X when you are using Center or Right though. Center and Right must have an answer to the question "Center on what?", or "Right justify on what?". It is based on a specific location. Neither of them can be zero.

[Active Colors]

I realized that only if I force a container by doing W=200 it works and the R of the next meter starts where the actual content of the meter ends

For me it is quite opposite. If I define W of the string meter and center it, the next meter which I position relatively to the previous is shifted to right.

Capture.PNG

[kyriakos876]

That is some strange behavior. Not quite sure what is being added to what it detects as "R" in that case.

Anyway, I would fix it with:

Code: Select all

[NormalCenter]
StringAlign=Center
FontColor=200,200,200
SolidColor=255,0,0,90
FontFace=Roboto
FontSize=13
AntiAlias=1

[Shortcut5]
Meter=String
MeterStyle=NormalCenter
Text="YouTubeeeeeeeeeeeeeee"
X=100
Y=15
Padding=0,3,0,0
MouseOverAction=[!SomeAction]
MouseLeaveAction=[!SomeAction]
LeftMouseUpAction=[!SomeAction]
DynamicVariables=1
UpdateDivider=-1

[GreenBox]
Meter=Image
X=(([ShortCut5:X]+[ShortCut5:W])+10)
SolidColor=0,255,0
W=10
H=10
Y=10
DynamicVariables=1

That will have [GreenBox] set 10px to the right of [Shortcut5], no matter how long the string is.

You didn't set a W on the String meter, and that is fine, you don't need it. You DO need a valid X when you are using Center or Right though. Center and Right must have an answer to the question "Center on what?", or "Right justify on what?". It is based on a specific location. Neither of them can be zero.

Yea this works, I just didn't like the idea of having to write / modify this X=(([ShortCut5:X]+[ShortCut5:W])+10) for every shortcut (The skin is a launcher)

For me it is quite opposite. If I define W of the string meter and center it, the next meter which I position relatively to the previous is shifted to right.

Capture.PNG

That's because the ACTUAL width of the "Some text" string is not 150 as I see in your picture's code, try something like 35-40-45 etc... It should do the trick. But again, You would have to specify a different W for every text. For example Some text would be W=40 and Some text with more strings would be W=100 or something like that. And if you dared to change the font size, you would have to change all of those. Messy... I'll go with the more standard X=(([ShortCut5:X]+[ShortCut5:W])+something). Not as dynamic as I wanted it to be, but it works... kinda...

[Active Colors]

That's because the ACTUAL width of the "Some text" string is not 150 as I see in your picture's code, try something like 35-40-45 etc... It should do the trick.

Capture.PNG

It does not for me...

I'll go with the more standard X=(([ShortCut5:X]+[ShortCut5:W])+something). Not as dynamic as I wanted it to be, but it works... kinda...

You can omit that with MeterStyles. What is your use case? I see you have bunch of shortcuts with pretty same formulas. Post some example.

[kyriakos876]

Capture.PNG
It does not for me...


You can omit that with MeterStyles. What is your use case? I see you have bunch of shortcuts with pretty same formulas. Post some example.

I will when I have some code that's readable to somebody other than me lol it's weird that the background of your text shrinked but not the text itself... Is the background another meter? Because then there could be more stuff messing with it