It is currently April 23rd, 2024, 11:50 pm

Screen grid for item positioning

Get help with creating, editing & fixing problems with skins
User avatar
Ivan
Posts: 258
Joined: January 27th, 2012, 6:37 pm
Location: Belgrade, Serbia

Screen grid for item positioning

Post by Ivan »

I do not know how to make lines on screen.
Can somebody help me to make skin that put vertical and horizontal lines on screen based on screen size and X and Y number of lines that are manually set?

I started with
SCREEN_WIDTH and SCREEN_HEIGHT, but I do not know how to make lines that fit screen size.

Point is, when I say X=5 and Y=7 it will devide screen on 6 vertical and 8 horizontal fields, that can be helpfull to position different skins on screen.
Last edited by Ivan on January 26th, 2015, 7:18 pm, edited 1 time in total.
User avatar
balala
Rainmeter Sage
Posts: 16164
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Screen grid for item positioning

Post by balala »

Try this:

Code: Select all

[Rainmeter]
Update=-1
OnRefreshAction=!Move "0" "0"

[Variables]
Hor=5
Ver=7

[MeterHorizontalLine1]
Meter=Image
X=0
Y=(1*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=255,255,255
DynamicVariables=1

[MeterHorizontalLine2]
Meter=Image
X=0
Y=(2*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=255,255,255
DynamicVariables=1

[MeterHorizontalLine3]
Meter=Image
X=0
Y=(3*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=255,255,255
DynamicVariables=1

[MeterHorizontalLine4]
Meter=Image
X=0
Y=(4*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=255,255,255
DynamicVariables=1

[MeterHorizontalLine5]
Meter=Image
X=0
Y=(5*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=255,255,255
DynamicVariables=1

[MeterVerticalLine1]
Meter=Image
X=(1*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=255,255,255
DynamicVariables=1

[MeterVerticalLine2]
Meter=Image
X=(2*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=255,255,255
DynamicVariables=1

[MeterVerticalLine3]
Meter=Image
X=(3*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=255,255,255
DynamicVariables=1

[MeterVerticalLine4]
Meter=Image
X=(4*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=255,255,255
DynamicVariables=1

[MeterVerticalLine5]
Meter=Image
X=(5*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=255,255,255
DynamicVariables=1

[MeterVerticalLine6]
Meter=Image
X=(6*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=255,255,255
DynamicVariables=1

[MeterVerticalLine7]
Meter=Image
X=(7*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=255,255,255
DynamicVariables=1
To have more/less lines, you have to add/delete some [MeterHorizontalLine?] and/or [MeterVerticalLine?] sections.
An important line here is the OnRefreshAction=!Move "0" "0", which ensure you that the skin is positioned in the left upper corner of the screen.
User avatar
Ivan
Posts: 258
Joined: January 27th, 2012, 6:37 pm
Location: Belgrade, Serbia

Re: Screen grid for item positioning

Post by Ivan »

Thank you!!!
just changed

[Variables]
Hor=6
Ver=8

that make 5 and 7 lines on screen.
User avatar
balala
Rainmeter Sage
Posts: 16164
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Screen grid for item positioning

Post by balala »

Ivan wrote:Thank you!!!
just changed

[Variables]
Hor=6
Ver=8

that make 5 and 7 lines on screen.
In my code #Hor# and #Ver# are the number of parts in which the screen is divided. The number of lines is smaller with one like the values of the variables.
Glad if I could help.
User avatar
eclectic-tech
Rainmeter Sage
Posts: 5406
Joined: April 12th, 2012, 9:40 pm
Location: Cedar Point, Ohio, USA

Re: Screen grid for item positioning

Post by eclectic-tech »

balala wrote: In my code #Hor# and #Ver# are the number of parts in which the screen is divided. The number of lines is smaller with one like the values of the variables.
Glad if I could help.
Been tinkering with this because it looked interesting... :)

I added user input areas at the top and left center ranges; grid meters up to 30 by 30, and set stay on top. I thought some members might find it useful.



Note: Sometimes the grid will disappear, generally if small numbers are selected (2 by 2, etc.) but not always, and never reports an error!? Just refresh the skin to get back to default grid.
Still looking into why on that one... but in general it gives you a top grid to aid in skin alignments.

Thanks for the suggestion, Ivan... and for a solution, balala...

EDIT: Changed [!ZPos 2] in [Rainmeter] section to [!Zpos 1] ('2' creates issues with $UserInput$ function)

Code: Select all

[Rainmeter]
Update=-1
OnRefreshAction=[!ZPos 1][!Move "0" "0"]

[Metadata]
Name=Alignment Grid
Author=Eclectic Tech based on solution by balala on rainmeter forum LINK: http://rainmeter.net/forum/viewtopic.php?p=107652#p107652
Information=Grid to aid in aligning skins. Grid size can set by clicking the box at top/left center and entering a number between 2 and 30. Corresponding sized grid pattern will be drawn.
License=Creative BY-NC-SA 3.0
Version=0.2 beta

[Variables]
Hor=15
Ver=15
GridColor=255,0,255,192

[MeasureXInput]
Measure=Plugin
Plugin=InputText
X=1
Y=((#ScreenAreaHeight#/2)+3)
W=40
H=23
SolidColor=200,200,200,255
FontColor=47,47,47,255
FontSize=12
AntiAlias=1
FocusDismiss=1
UpdateDivider=-1
Command1=[!SetVariable Hor "$UserInput$"][!SetOption MeterXLabel Text "V:[MeasureXInput]"][!Update][!Redraw]
Group=XYIn
DynamicVariables=1

[MeasureYInput]
Measure=Plugin
Plugin=InputText
X=(#ScreenAreaWidth#/2)
Y=1
W=40
H=23
SolidColor=200,200,200,255
FontColor=47,47,47,255
FontSize=12
AntiAlias=1
FocusDismiss=1
UpdateDivider=-1
Command1=[!SetVariable Ver "$UserInput$"][!SetOption MeterYLabel Text "H:[MeasureYInput]"][!Update][!Redraw]
Group=XYIn

[MeterXBox]
Meter=Image
X=1
Y=(#ScreenAreaHeight#/2)
W=41
H=26
SolidColor=215,215,215
Group=XYIn

[MeterXLabel]
Meter=String
X=1
Y=((#ScreenAreaHeight#/2)+3)
W=40
H=23
SolidColor=0,0,0,1
FontColor=47,47,47,255
FontFace=Fira Sans
FontSize=12
AntiAlias=1
Text=V:#Hor#
LeftMouseUpAction=[!CommandMeasure "MeasureXInput" "ExecuteBatch 1"]
Group=XYIn

[MeterYBox]
Meter=Image
X=(#ScreenAreaWidth#/2)
Y=1
W=41
H=26
SolidColor=215,215,215
Group=XYIn

[MeterYLabel]
Meter=String
X=(#ScreenAreaWidth#/2)
Y=3
W=40
H=23
SolidColor=0,0,0,1
FontColor=47,47,47,255
FontFace=Fira Sans
FontSize=12
AntiAlias=1
Text=H:#Ver#
LeftMouseUpAction=[!CommandMeasure "MeasureYInput" "ExecuteBatch 1"]
Group=XYIn

[MeterHorizontalLine1]
Meter=Image
X=0
Y=(Floor(1*#SCREENAREAHEIGHT#/#Hor#))
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1

[MeterHorizontalLine2]
Meter=Image
X=0
Y=(Floor(2*#SCREENAREAHEIGHT#/#Hor#))
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<1?)

[MeterHorizontalLine3]
Meter=Image
X=0
Y=(Floor(3*#SCREENAREAHEIGHT#/#Hor#))
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<2?)

[MeterHorizontalLine4]
Meter=Image
X=0
Y=(Floor(4*#SCREENAREAHEIGHT#/#Hor#))
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<3?)

[MeterHorizontalLine5]
Meter=Image
X=0
Y=(Floor(5*#SCREENAREAHEIGHT#/#Hor#))
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<4?)

[MeterHorizontalLine6]
Meter=Image
X=0
Y=(6*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<5?)

[MeterHorizontalLine7]
Meter=Image
X=0
Y=(7*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<6?)

[MeterHorizontalLine8]
Meter=Image
X=0
Y=(8*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<7?)

[MeterHorizontalLine9]
Meter=Image
X=0
Y=(9*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<8?)

[MeterHorizontalLine10]
Meter=Image
X=0
Y=(10*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<9?)

[MeterHorizontalLine11]
Meter=Image
X=0
Y=(11*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<10?)

[MeterHorizontalLine12]
Meter=Image
X=0
Y=(12*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<11?)

[MeterHorizontalLine13]
Meter=Image
X=0
Y=(13*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<12?)

[MeterHorizontalLine14]
Meter=Image
X=0
Y=(14*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<13?)

[MeterHorizontalLine15]
Meter=Image
X=0
Y=(15*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<14?)

[MeterHorizontalLine16]
Meter=Image
X=0
Y=(16*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<15?)

[MeterHorizontalLine17]
Meter=Image
X=0
Y=(17*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<16?)

[MeterHorizontalLine18]
Meter=Image
X=0
Y=(18*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<17?)

[MeterHorizontalLine19]
Meter=Image
X=0
Y=(19*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<18?)

[MeterHorizontalLine20]
Meter=Image
X=0
Y=(20*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<19?)

[MeterHorizontalLine21]
Meter=Image
X=0
Y=(21*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<20?)

[MeterHorizontalLine22]
Meter=Image
X=0
Y=(22*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<21?)

[MeterHorizontalLine23]
Meter=Image
X=0
Y=(23*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<22?)

[MeterHorizontalLine24]
Meter=Image
X=0
Y=(24*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<23?)

[MeterHorizontalLine25]
Meter=Image
X=0
Y=(25*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<24?)

[MeterHorizontalLine26]
Meter=Image
X=0
Y=(26*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<25?)

[MeterHorizontalLine27]
Meter=Image
X=0
Y=(27*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<26?)

[MeterHorizontalLine28]
Meter=Image
X=0
Y=(28*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<27?)

[MeterHorizontalLine29]
Meter=Image
X=0
Y=(29*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<28?)

[MeterHorizontalLine30]
Meter=Image
X=0
Y=(30*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<29?)

[MeterVerticalLine1]
Meter=Image
X=(Floor(1*#SCREENAREAWIDTH#/#Ver#))
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1

[MeterVerticalLine2]
Meter=Image
X=(Floor(2*#SCREENAREAWIDTH#/#Ver#))
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<1?)

[MeterVerticalLine3]
Meter=Image
X=(Floor(3*#SCREENAREAWIDTH#/#Ver#))
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<2?)

[MeterVerticalLine4]
Meter=Image
X=(Floor(4*#SCREENAREAWIDTH#/#Ver#))
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<3?)

[MeterVerticalLine5]
Meter=Image
X=(Floor(5*#SCREENAREAWIDTH#/#Ver#))
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<4?)

[MeterVerticalLine6]
Meter=Image
X=(6*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<5?)

[MeterVerticalLine7]
Meter=Image
X=(7*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<6?)

[MeterVerticalLine8]
Meter=Image
X=(8*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<7?)

[MeterVerticalLine9]
Meter=Image
X=(9*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<8?)

[MeterVerticalLine10]
Meter=Image
X=(10*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<9?)

[MeterVerticalLine11]
Meter=Image
X=(11*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<10?)

[MeterVerticalLine12]
Meter=Image
X=(12*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<11?)

[MeterVerticalLine13]
Meter=Image
X=(13*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<12?)

[MeterVerticalLine14]
Meter=Image
X=(14*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<13?)

[MeterVerticalLine15]
Meter=Image
X=(15*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<14?)

[MeterVerticalLine16]
Meter=Image
X=(16*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<15?)

[MeterVerticalLine17]
Meter=Image
X=(17*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<16?)

[MeterVerticalLine18]
Meter=Image
X=(18*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<17?)

[MeterVerticalLine19]
Meter=Image
X=(19*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<18?)

[MeterVerticalLine20]
Meter=Image
X=(20*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<19?)

[MeterVerticalLine21]
Meter=Image
X=(21*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<20?)

[MeterVerticalLine22]
Meter=Image
X=(22*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<21?)

[MeterVerticalLine23]
Meter=Image
X=(23*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<22?)

[MeterVerticalLine24]
Meter=Image
X=(24*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<23?)

[MeterVerticalLine25]
Meter=Image
X=(25*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<24?)

[MeterVerticalLine26]
Meter=Image
X=(26*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<25?)

[MeterVerticalLine27]
Meter=Image
X=(27*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<26?)

[MeterVerticalLine28]
Meter=Image
X=(28*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<27?)

[MeterVerticalLine29]
Meter=Image
X=(29*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<28?)

[MeterVerticalLine30]
Meter=Image
X=(30*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<29?)
User avatar
Ivan
Posts: 258
Joined: January 27th, 2012, 6:37 pm
Location: Belgrade, Serbia

Re: Screen grid for item positioning

Post by Ivan »

:D

EDIT:
There can be two more improvement for this.
1. optional seting of vertical space in pixels (for precise text spacing)
2. top and side screen rulers in px
User avatar
balala
Rainmeter Sage
Posts: 16164
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Screen grid for item positioning

Post by balala »

Ivan wrote::D

EDIT:
There can be two more improvement for this.
1. ...
2. top and side screen rulers in px
Here's a code with those two rulers, in pixels. I also have on code in centimeters (easily can be converted to inchs). But with that, I still have to work.

Code: Select all

[Rainmeter]
Update=-1
OnRefreshAction=[!ZPos 1][!Move "0" "0"]

[Metadata]
Name=Alignment Grid
Author=Eclectic Tech based on solution by balala on rainmeter forum LINK: http://rainmeter.net/forum/viewtopic.php?p=107652#p107652
Information=Grid to aid in aligning skins. Grid size can set by clicking the box at top/left center and entering a number between 2 and 30. Corresponding sized grid pattern will be drawn.
License=Creative BY-NC-SA 3.0
Version=0.2 beta

[Variables]
Hor=10
Ver=15
GridColor=255,0,255,192
Diagonal=43.18
AspectRatio=0.75

[MeasureXInput]
Measure=Plugin
Plugin=InputText
X=27
Y=((#ScreenAreaHeight#/2)+3)
W=40
H=23
SolidColor=200,200,200,255
FontColor=47,47,47,255
FontSize=12
AntiAlias=1
FocusDismiss=1
UpdateDivider=-1
Command1=[!SetVariable Hor "$UserInput$"][!SetOption MeterXLabel Text "V:[MeasureXInput]"][!Update][!Redraw]
Group=XYIn
DynamicVariables=1

[MeasureYInput]
Measure=Plugin
Plugin=InputText
X=(#ScreenAreaWidth#/2)
Y=16
W=40
H=23
SolidColor=200,200,200,255
FontColor=47,47,47,255
FontSize=12
AntiAlias=1
FocusDismiss=1
UpdateDivider=-1
Command1=[!SetVariable Ver "$UserInput$"][!SetOption MeterYLabel Text "H:[MeasureYInput]"][!Update][!Redraw]
Group=XYIn

[MeterXBox]
Meter=Image
X=26
Y=(#ScreenAreaHeight#/2)
W=41
H=26
SolidColor=215,215,215
Group=XYIn

[MeterXLabel]
Meter=String
X=26
Y=((#ScreenAreaHeight#/2)+3)
W=40
H=23
SolidColor=0,0,0,1
FontColor=47,47,47,255
FontFace=Fira Sans
FontSize=12
AntiAlias=1
Text=V:#Hor#
LeftMouseUpAction=[!CommandMeasure "MeasureXInput" "ExecuteBatch 1"]
Group=XYIn

[MeterYBox]
Meter=Image
X=(#ScreenAreaWidth#/2)
Y=15
W=41
H=26
SolidColor=215,215,215
Group=XYIn

[MeterYLabel]
Meter=String
X=(#ScreenAreaWidth#/2)
Y=17
W=40
H=23
SolidColor=0,0,0,1
FontColor=47,47,47,255
FontFace=Fira Sans
FontSize=12
AntiAlias=1
Text=H:#Ver#
LeftMouseUpAction=[!CommandMeasure "MeasureYInput" "ExecuteBatch 1"]
Group=XYIn

[MeterHorizontalLine1]
Meter=Image
X=0
Y=(Floor(1*#SCREENAREAHEIGHT#/#Hor#))
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1

[MeterHorizontalLine2]
Meter=Image
X=0
Y=(Floor(2*#SCREENAREAHEIGHT#/#Hor#))
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<1?)

[MeterHorizontalLine3]
Meter=Image
X=0
Y=(Floor(3*#SCREENAREAHEIGHT#/#Hor#))
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<2?)

[MeterHorizontalLine4]
Meter=Image
X=0
Y=(Floor(4*#SCREENAREAHEIGHT#/#Hor#))
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<3?)

[MeterHorizontalLine5]
Meter=Image
X=0
Y=(Floor(5*#SCREENAREAHEIGHT#/#Hor#))
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<4?)

[MeterHorizontalLine6]
Meter=Image
X=0
Y=(6*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<5?)

[MeterHorizontalLine7]
Meter=Image
X=0
Y=(7*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<6?)

[MeterHorizontalLine8]
Meter=Image
X=0
Y=(8*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<7?)

[MeterHorizontalLine9]
Meter=Image
X=0
Y=(9*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<8?)

[MeterHorizontalLine10]
Meter=Image
X=0
Y=(10*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<9?)

[MeterHorizontalLine11]
Meter=Image
X=0
Y=(11*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<10?)

[MeterHorizontalLine12]
Meter=Image
X=0
Y=(12*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<11?)

[MeterHorizontalLine13]
Meter=Image
X=0
Y=(13*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<12?)

[MeterHorizontalLine14]
Meter=Image
X=0
Y=(14*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<13?)

[MeterHorizontalLine15]
Meter=Image
X=0
Y=(15*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<14?)

[MeterHorizontalLine16]
Meter=Image
X=0
Y=(16*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<15?)

[MeterHorizontalLine17]
Meter=Image
X=0
Y=(17*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<16?)

[MeterHorizontalLine18]
Meter=Image
X=0
Y=(18*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<17?)

[MeterHorizontalLine19]
Meter=Image
X=0
Y=(19*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<18?)

[MeterHorizontalLine20]
Meter=Image
X=0
Y=(20*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<19?)

[MeterHorizontalLine21]
Meter=Image
X=0
Y=(21*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<20?)

[MeterHorizontalLine22]
Meter=Image
X=0
Y=(22*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<21?)

[MeterHorizontalLine23]
Meter=Image
X=0
Y=(23*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<22?)

[MeterHorizontalLine24]
Meter=Image
X=0
Y=(24*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<23?)

[MeterHorizontalLine25]
Meter=Image
X=0
Y=(25*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<24?)

[MeterHorizontalLine26]
Meter=Image
X=0
Y=(26*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<25?)

[MeterHorizontalLine27]
Meter=Image
X=0
Y=(27*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<26?)

[MeterHorizontalLine28]
Meter=Image
X=0
Y=(28*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<27?)

[MeterHorizontalLine29]
Meter=Image
X=0
Y=(29*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<28?)

[MeterHorizontalLine30]
Meter=Image
X=0
Y=(30*#SCREENAREAHEIGHT#/#Hor#)
W=#SCREENAREAWIDTH#
H=1
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Hor#<29?)

[MeterVerticalLine1]
Meter=Image
X=(Floor(1*#SCREENAREAWIDTH#/#Ver#))
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1

[MeterVerticalLine2]
Meter=Image
X=(Floor(2*#SCREENAREAWIDTH#/#Ver#))
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<1?)

[MeterVerticalLine3]
Meter=Image
X=(Floor(3*#SCREENAREAWIDTH#/#Ver#))
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<2?)

[MeterVerticalLine4]
Meter=Image
X=(Floor(4*#SCREENAREAWIDTH#/#Ver#))
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<3?)

[MeterVerticalLine5]
Meter=Image
X=(Floor(5*#SCREENAREAWIDTH#/#Ver#))
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<4?)

[MeterVerticalLine6]
Meter=Image
X=(6*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<5?)

[MeterVerticalLine7]
Meter=Image
X=(7*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<6?)

[MeterVerticalLine8]
Meter=Image
X=(8*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<7?)

[MeterVerticalLine9]
Meter=Image
X=(9*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<8?)

[MeterVerticalLine10]
Meter=Image
X=(10*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<9?)

[MeterVerticalLine11]
Meter=Image
X=(11*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<10?)

[MeterVerticalLine12]
Meter=Image
X=(12*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<11?)

[MeterVerticalLine13]
Meter=Image
X=(13*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<12?)

[MeterVerticalLine14]
Meter=Image
X=(14*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<13?)

[MeterVerticalLine15]
Meter=Image
X=(15*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<14?)

[MeterVerticalLine16]
Meter=Image
X=(16*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<15?)

[MeterVerticalLine17]
Meter=Image
X=(17*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<16?)

[MeterVerticalLine18]
Meter=Image
X=(18*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<17?)

[MeterVerticalLine19]
Meter=Image
X=(19*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<18?)

[MeterVerticalLine20]
Meter=Image
X=(20*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<19?)

[MeterVerticalLine21]
Meter=Image
X=(21*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<20?)

[MeterVerticalLine22]
Meter=Image
X=(22*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<21?)

[MeterVerticalLine23]
Meter=Image
X=(23*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<22?)

[MeterVerticalLine24]
Meter=Image
X=(24*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<23?)

[MeterVerticalLine25]
Meter=Image
X=(25*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<24?)

[MeterVerticalLine26]
Meter=Image
X=(26*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<25?)

[MeterVerticalLine27]
Meter=Image
X=(27*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<26?)

[MeterVerticalLine28]
Meter=Image
X=(28*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<27?)

[MeterVerticalLine29]
Meter=Image
X=(29*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<28?)

[MeterVerticalLine30]
Meter=Image
X=(30*#SCREENAREAWIDTH#/#Ver#)
Y=0
W=1
H=#SCREENAREAHEIGHT#
SolidColor=#GridColor#
DynamicVariables=1
Hidden=(#Ver#<29?)

[MeterHorizontalRuler]
Meter=Image
X=0
Y=0
W=#SCREENAREAWIDTH#
H=15
SolidColor=255,255,255,160

[MeterHorizontalRuler100]
Meter=Image
X=100
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<100?)
DynamicVariables=1

[MeterHorizontal100]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=100
Hidden=(#SCREENAREAWIDTH#<100?)
DynamicVariables=1

[MeterHorizontalRuler200]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<200?)
DynamicVariables=1

[MeterHorizontal200]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=200
Hidden=(#SCREENAREAWIDTH#<200?)
DynamicVariables=1

[MeterHorizontalRuler300]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<300?)
DynamicVariables=1

[MeterHorizontal300]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=300
Hidden=(#SCREENAREAWIDTH#<300?)
DynamicVariables=1

[MeterHorizontalRuler400]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<400?)
DynamicVariables=1

[MeterHorizontal400]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=400
Hidden=(#SCREENAREAWIDTH#<400?)
DynamicVariables=1

[MeterHorizontalRuler500]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<500?)
DynamicVariables=1

[MeterHorizontal500]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=500
Hidden=(#SCREENAREAWIDTH#<500?)
DynamicVariables=1

[MeterHorizontalRuler600]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<600?)
DynamicVariables=1

[MeterHorizontal600]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=600
Hidden=(#SCREENAREAWIDTH#<600?)
DynamicVariables=1

[MeterHorizontalRuler700]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<700?)
DynamicVariables=1

[MeterHorizontal700]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=700
Hidden=(#SCREENAREAWIDTH#<700?)
DynamicVariables=1

[MeterHorizontalRuler800]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<800?)
DynamicVariables=1

[MeterHorizontal800]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=800
Hidden=(#SCREENAREAWIDTH#<800?)
DynamicVariables=1

[MeterHorizontalRuler900]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<900?)
DynamicVariables=1

[MeterHorizontal900]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=900
Hidden=(#SCREENAREAWIDTH#<900?)
DynamicVariables=1

[MeterHorizontalRuler1000]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<1000?)
DynamicVariables=1

[MeterHorizontal1000]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1000
Hidden=(#SCREENAREAWIDTH#<1000?)
DynamicVariables=1

[MeterHorizontalRuler1100]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<1100?)
DynamicVariables=1

[MeterHorizontal1100]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1100
Hidden=(#SCREENAREAWIDTH#<1100?)
DynamicVariables=1

[MeterHorizontalRuler1200]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<1200?)
DynamicVariables=1

[MeterHorizontal1200]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1200
Hidden=(#SCREENAREAWIDTH#<1200?)
DynamicVariables=1

[MeterHorizontalRuler1300]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<1300?)
DynamicVariables=1

[MeterHorizontal1300]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1300
Hidden=(#SCREENAREAWIDTH#<1300?)
DynamicVariables=1

[MeterHorizontalRuler1400]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<1400?)
DynamicVariables=1

[MeterHorizontal1400]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1400
Hidden=(#SCREENAREAWIDTH#<1400?)
DynamicVariables=1

[MeterHorizontalRuler1500]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<1500?)
DynamicVariables=1

[MeterHorizontal1500]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1500
Hidden=(#SCREENAREAWIDTH#<1500?)
DynamicVariables=1

[MeterHorizontalRuler1600]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<1600?)
DynamicVariables=1

[MeterHorizontal1600]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1600
Hidden=(#SCREENAREAWIDTH#<1600?)
DynamicVariables=1

[MeterHorizontalRuler1700]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<1700?)
DynamicVariables=1

[MeterHorizontal1700]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1700
Hidden=(#SCREENAREAWIDTH#<1700?)
DynamicVariables=1

[MeterHorizontalRuler1800]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<1800?)
DynamicVariables=1

[MeterHorizontal1800]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1800
Hidden=(#SCREENAREAWIDTH#<1800?)
DynamicVariables=1

[MeterHorizontalRuler1900]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<1900?)
DynamicVariables=1

[MeterHorizontal1900]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1900
Hidden=(#SCREENAREAWIDTH#<1900?)
DynamicVariables=1

[MeterHorizontalRuler2000]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<2000?)
DynamicVariables=1

[MeterHorizontal2000]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=2000
Hidden=(#SCREENAREAWIDTH#<2000?)
DynamicVariables=1

[MeterHorizontalRuler2100]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<2100?)
DynamicVariables=1

[MeterHorizontal2100]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=2100
Hidden=(#SCREENAREAWIDTH#<2100?)
DynamicVariables=1

[MeterHorizontalRuler2200]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<2200?)
DynamicVariables=1

[MeterHorizontal2200]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=2200
Hidden=(#SCREENAREAWIDTH#<2200?)
DynamicVariables=1

[MeterHorizontalRuler2300]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<2300?)
DynamicVariables=1

[MeterHorizontal2300]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=2300
Hidden=(#SCREENAREAWIDTH#<2300?)
DynamicVariables=1

[MeterHorizontalRuler2400]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<2400?)
DynamicVariables=1

[MeterHorizontal2400]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=2400
Hidden=(#SCREENAREAWIDTH#<2400?)
DynamicVariables=1

[MeterHorizontalRuler2500]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<2500?)
DynamicVariables=1

[MeterHorizontal2500]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=2500
Hidden=(#SCREENAREAWIDTH#<2500?)
DynamicVariables=1

[MeterHorizontalRuler2600]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<2600?)
DynamicVariables=1

[MeterHorizontal2600]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=2600
Hidden=(#SCREENAREAWIDTH#<2600?)
DynamicVariables=1

[MeterHorizontalRuler2700]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<2700?)
DynamicVariables=1

[MeterHorizontal2700]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=2700
Hidden=(#SCREENAREAWIDTH#<2700?)
DynamicVariables=1

[MeterHorizontalRuler2800]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<2800?)
DynamicVariables=1

[MeterHorizontal2800]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=2800
Hidden=(#SCREENAREAWIDTH#<2800?)
DynamicVariables=1

[MeterHorizontalRuler2900]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<2900?)
DynamicVariables=1

[MeterHorizontal2900]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=2900
Hidden=(#SCREENAREAWIDTH#<2900?)
DynamicVariables=1

[MeterHorizontalRuler3000]
Meter=Image
X=100r
Y=0
W=1
H=10
SolidColor=0,0,0
Hidden=(#SCREENAREAWIDTH#<3000?)
DynamicVariables=1

[MeterHorizontal3000]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=3000
Hidden=(#SCREENAREAWIDTH#<3000?)
DynamicVariables=1

[MeterVerticalRuler]
Meter=Image
X=0
Y=0
W=25
H=#SCREENAREAHEIGHT#
SolidColor=255,255,255,160

[MeterVerticalRuler100]
Meter=Image
X=0
Y=100
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<100?)
DynamicVariables=1

[MeterVertical100]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=100
Hidden=(#SCREENAREAHEIGHT#<100?)
DynamicVariables=1

[MeterVerticalRuler200]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<200?)
DynamicVariables=1

[MeterVertical200]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=200
Hidden=(#SCREENAREAHEIGHT#<200?)
DynamicVariables=1

[MeterVerticalRuler300]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<300?)
DynamicVariables=1

[MeterVertical300]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=300
Hidden=(#SCREENAREAHEIGHT#<300?)
DynamicVariables=1

[MeterVerticalRuler400]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<400?)
DynamicVariables=1

[MeterVertical400]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=400
Hidden=(#SCREENAREAHEIGHT#<400?)
DynamicVariables=1

[MeterVerticalRuler500]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<500?)
DynamicVariables=1

[MeterVertical500]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=500
Hidden=(#SCREENAREAHEIGHT#<500?)
DynamicVariables=1

[MeterVerticalRuler600]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<600?)
DynamicVariables=1

[MeterVertical600]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=600
Hidden=(#SCREENAREAHEIGHT#<600?)
DynamicVariables=1

[MeterVerticalRuler700]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<700?)
DynamicVariables=1

[MeterVertical700]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=700
Hidden=(#SCREENAREAHEIGHT#<700?)
DynamicVariables=1

[MeterVerticalRuler800]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<800?)
DynamicVariables=1

[MeterVertical800]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=800
Hidden=(#SCREENAREAHEIGHT#<800?)
DynamicVariables=1

[MeterVerticalRuler900]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<900?)
DynamicVariables=1

[MeterVertical900]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=900
Hidden=(#SCREENAREAHEIGHT#<900?)
DynamicVariables=1

[MeterVerticalRuler1000]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<1000?)
DynamicVariables=1

[MeterVertical1000]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1000
Hidden=(#SCREENAREAHEIGHT#<1000?)
DynamicVariables=1






[MeterVerticalRuler1100]
Meter=Image
X=0
Y=100
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<1100?)
DynamicVariables=1

[MeterVertical1100]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1100
Hidden=(#SCREENAREAHEIGHT#<1100?)
DynamicVariables=1

[MeterVerticalRuler1200]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<1200?)
DynamicVariables=1

[MeterVertical1200]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1200
Hidden=(#SCREENAREAHEIGHT#<1200?)
DynamicVariables=1

[MeterVerticalRuler1300]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<1300?)
DynamicVariables=1

[MeterVertical1300]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1300
Hidden=(#SCREENAREAHEIGHT#<1300?)
DynamicVariables=1

[MeterVerticalRuler1400]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<1400?)
DynamicVariables=1

[MeterVertical1400]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1400
Hidden=(#SCREENAREAHEIGHT#<1400?)
DynamicVariables=1

[MeterVerticalRuler1500]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<1500?)
DynamicVariables=1

[MeterVertical1500]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1500
Hidden=(#SCREENAREAHEIGHT#<1500?)
DynamicVariables=1

[MeterVerticalRuler1600]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<1600?)
DynamicVariables=1

[MeterVertical1600]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1600
Hidden=(#SCREENAREAHEIGHT#<1600?)
DynamicVariables=1

[MeterVerticalRuler1700]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<1700?)
DynamicVariables=1

[MeterVertical1700]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1700
Hidden=(#SCREENAREAHEIGHT#<1700?)
DynamicVariables=1

[MeterVerticalRuler1800]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<1800?)
DynamicVariables=1

[MeterVertical1800]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1800
Hidden=(#SCREENAREAHEIGHT#<1800?)
DynamicVariables=1

[MeterVerticalRuler1900]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<1900?)
DynamicVariables=1

[MeterVertical1900]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=1900
Hidden=(#SCREENAREAHEIGHT#<1900?)
DynamicVariables=1

[MeterVerticalRuler2000]
Meter=Image
X=0
Y=100r
W=10
H=1
SolidColor=0,0,0
Hidden=(#SCREENAREAHEIGHT#<2000?)
DynamicVariables=1

[MeterVertical2000]
Meter=String
X=0r
Y=0r
FontColor=0,0,0
FontSize=8
FontFace=Segoe UI
StringStyle=BOLD
StringAlign=LEFT
AntiAlias=1
Text=2000
Hidden=(#SCREENAREAHEIGHT#<2000?)
DynamicVariables=1
User avatar
eclectic-tech
Rainmeter Sage
Posts: 5406
Joined: April 12th, 2012, 9:40 pm
Location: Cedar Point, Ohio, USA

Re: Screen grid for item positioning

Post by eclectic-tech »

Sweet work on the rulers! :thumbup:

I added checks to limit the TextInput to values between 16~64. Input will show what they entered, but the variables will stay in this range.
I have tested, and values below 16 can 'break' the skin (calcs out of range? :confused: )

Added meters for up to a 64x64 grid. (Due to most resolutions, values in multiples of 8, align better to the rulers.)

I see you added aspect ratio; should there be a control for that variable?

Beta 0.4

Created a rmskin for easier sharing.
You do not have the required permissions to view the files attached to this post.
User avatar
balala
Rainmeter Sage
Posts: 16164
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Screen grid for item positioning

Post by balala »

eclectic-tech wrote:I see you added aspect ratio; should there be a control for that variable?
I need it when I want to show the cm positions on the ruler. Still working...
User avatar
Ivan
Posts: 258
Joined: January 27th, 2012, 6:37 pm
Location: Belgrade, Serbia

Re: Screen grid for item positioning

Post by Ivan »

As i saw lot of circle based skins, you can try to make one grid skin that goes from center of screen, or from set position, outward by given angle... and have circles on different distances from center to make intersection points.