I looked at your test skin code (added your Modern Gadget @includes) and got to the same place you were at.
I am seeing the actions you described, so I started trying to determine which section(s) where casing the scale and placement issues.
I started, by taking what I find to be a simpler approach to scaling, by adding the scale to all of the width and height variables you set.
Then went through your styles and removed '* #Scale#' from all variables that had been already modified in the [Variables] section.
I removed all of the TransformationMatrix just so it was not creating any additional issues in the skin.
In looking at your second GIF, the container is not being scaled properly (it increased dramatically width-wise compared to the other meters), and for me the container was being scaled so much the skin could not be moved (it filled the width of my screen).
I think the main issue was using the Scale transformer on the container shape meter while using variables that were already scaled (by you in the meter/ and by me in the [Variables] section). I removed the scale parameter of that shape.
So I was able to get a normal scale working on your skin by making the changes mentioned (and perhaps a few more... I lost track of all of them). {Click to animate}
The question is whether the container is needed or if applying TransformationMatrix is needed. I only use TransformationMatrix for meters where the width and height do not define the meter size... but as you said it can be applied to almost any meter.
Not sure if this helps, but from what I have been able to test, using Containers and TransformationMatrix together is only cause you grieve and pain!
Code: Select all
[Rainmeter]
MiddleMouseUpAction=[!Refresh]
AccurateText=1
Update=100
[Variables]
@includeStyleSheet=#@#StyleSheet.inc
@includeGlobalSettings=#@#Settings\GlobalSettings.inc
@includeCpuSettings=#@#Settings\CpuSettings.inc
; Positioning
scale=1
bgOffset=(5*#Scale#)
gadgetBgWidth=(150*#Scale#)
bgWidth=#gadgetBgWidth#
bgWidthAbs=(#bgWidth# + (#bgOffset# * (2*#Scale#)))
cornerRoundness=(3*#Scale#)
contentMarginAbs=3
contentMargin=(#contentMarginAbs# + #bgOffset# - 1)
contentMarginRight=(#bgWidth# - #contentMarginAbs# + #bgOffset# - 2)
contentMarginCenter=((#bgWidth# / 2) + #bgOffset#)
contentWidth=(#bgWidth# - (#contentMarginAbs# * 2))
columnX=(#contentMarginCenter# + 2)
transformationMatrix=#scale#;0;0;#scale#;0;0
rowSpacing=(1*#Scale#)
barTextOffset=(1*#Scale#)
barHeight=(1*#Scale#)
graphHeight=(40*#Scale#)
graphWidth=#contentWidth#
; Colors
colorBorder=50,50,50
colorBg=15,15,15
colorBgBorder=#colorBorder#
colorSubBg=25,25,25
colorGraphBg=#colorSubBg#
colorGraphBorder=#colorBorder#
; Local settings
showLineGraph=1
lineGraphAa=1
showBgBorder=1
; ==================================================
; STYLES
; ==================================================
[StyleBackground]
Shape=Rectangle #bgOffset#,#bgOffset#,#bgWidth#,([[#CURRENTSECTION]:H] - (#bgOffset# * 2)),#cornerRoundness# | StrokeWidth 0 | Fill Color #colorBgBorder#,((#showBgBorder# = 1) ? 255 : 0)
Shape2=Rectangle ((#bgOffset# + #showBgBorder#)),((#bgOffset# + #showBgBorder#)),((#bgWidth# - (#showBgBorder# * 2))),([[#CURRENTSECTION]:H] - (((#bgOffset# * 2) + (#showBgBorder# * 2)))),(#cornerRoundness#) | StrokeWidth 0 | Fill Color #colorBg#
X=0
Y=0
W=((#bgWidth# + (#bgOffset# * 2)))
H=([MeterBackgroundHeight:Y])
DynamicVariables=1
Group=Background
[StyleBackgroundHeight]
SolidColor=255,255,255,0
X=0
Y=(#contentMarginAbs# + #bgOffset# + 1)R
W=(#bgWidthAbs#)
H=1
Group=Background
;TransformationMatrix=#transformationMatrix#
[StyleLineGraphBackground]
Shape=Rectangle 0,0,#graphWidth#,#graphHeight#,#cornerRoundness# | Fill Color #colorBorder# | StrokeWidth 0
Shape2=Rectangle 1,1,(#graphWidth# - 2),(#graphHeight# - 2),#cornerRoundness# | Fill Color #colorGraphBg# | StrokeWidth 0
X=(#contentMargin#)
Y=(((#showLineGraph# = 0) ? -1 : #contentMarginAbs#))R
Group=LineGraph
Hidden=(#showLineGraph# = 0)
;TransformationMatrix=#transformationMatrix#
[StyleLineGraphContainer]
Shape=Rectangle 1,1,(#graphWidth# - 2),(#graphHeight# - 2),#cornerRoundness# | StrokeWidth 0 | Offset #scale#,#scale# | Fill Color 255,0,0
X=([MeterLineGraphBackground:X])
Y=([MeterLineGraphBackground:Y])
DynamicVariables=1
Group=LineGraph
Hidden=(#showLineGraph# = 0)
[StyleLineGraph]
X=(1*#Scale#)
Y=(1*#Scale#)
W=(#graphWidth# - 2)
H=(#graphHeight# - 2)
HorizontalLines=1
HorizontalLineColor=#colorBorder#
Group=LineGraph
Antialias=#lineGraphAa#
DynamicVariables=1
Hidden=(#showLineGraph# = 0)
;TransformationMatrix=#transformationMatrix#
Container=#CURRENTSECTION#Container
; ==================================================
; MEASURES
; ==================================================
[MeasureCpuUsage]
Measure=CPU
; ==================================================
; METERS
; ==================================================
[MeterBackground]
Meter=Shape
MeterStyle=StyleBackground
MouseScrollUpAction=[!WriteKeyValue Variables scale "(clamp((#scale# + 0.5),1,3))"][!Refresh]
MouseScrollDownAction=[!WriteKeyValue Variables scale "(clamp((#scale# - 0.5),1,3))"][!Refresh]
[MeterTest]
Meter=Image
SolidColor=255,255,255,50
X=#contentMargin#
Y=#contentMargin#
W=#contentWidth#
H=(40*#Scale#)
;TransformationMatrix=#transformationMatrix#
[MeterLineGraphBackground]
Meter=Shape
MeterStyle=StyleLineGraphBackground
[MeterLineGraphContainer]
Meter=Shape
MeterStyle=StyleLineGraphContainer
[MeterLineGraph]
Meter=Line
MeterStyle=StyleLineGraph
LineCount=1
MeasureName=MeasureCpuUsage
LineColor=107,238,98
[MeterBackgroundHeight]
Meter=Image
MeterStyle=StyleBackgroundHeight
