It is currently October 13th, 2019, 11:57 pm

Rotator for shapes

Help with creating, editing & fixing problems with skins
ms310
Posts: 129
Joined: April 1st, 2015, 7:16 am

Rotator for shapes

ms310 » October 7th, 2019, 11:25 pm

Hi - I have an idea for a World Time skin that is based on the rings on the Apple Watch.
2019-10-08_08h16_09.png
I have figured out rotator for an image and drawing a line:
2019-10-08_08h18_51.png
I am using an image that rotates around. My plan would be to have each color represent the HOUR of a different timezone and if you cursor over the color the tooltip would display the name of the timezone and the full time. On the outside of the circle, I would have 1 - 24 (it would be a 24-hour clock).

I believe I have the mechanics of the skin. My question is this - instead of using an image to move in front of the line (see the small airplane, it is a PNG file) can I use a Shape Meter to imitate the rounded end caps shown in the first image above?

The idea would be to have a circle of the same color of the lines to move along the line to imitate the look of the Apple circles.

Thanks for any advice!
You do not have the required permissions to view the files attached to this post.
ms310
Posts: 129
Joined: April 1st, 2015, 7:16 am

Re: Rotator for shapes

ms310 » October 8th, 2019, 4:09 am

I've decided that it is easier for me to just use PNG files for the "caps". I think the png (circle with the pink center) is turning around its axis AND moving in a circle around the big circle - but it's OK.
2019-10-08_13h05_32.png
I think I have enough to attempt to move forward. One thing I "DO" need help with - the tooltip in this code is not displaying anything.

Code: Select all

[MeterCap1]
Meter=Rotator
MeasureName=MeasureTime
X=70
Y=70
ImageName=#@#circle.png
AntiAlias=1
StartAngle=(Rad(270))
RotationAngle=(Rad(360))
ValueRemainder=60
OffsetX=-33
OffsetY=12
Container=Container
ToolTipText=[MeasureTime]
You do not have the required permissions to view the files attached to this post.
User avatar
eclectic-tech
Rainmeter Sage
Posts: 3566
Joined: April 12th, 2012, 9:40 pm
Location: Cedar Point, Ohio, USA

Re: Rotator for shapes

eclectic-tech » October 8th, 2019, 4:31 am

When using SectionVariables, you need to add DynamicVariables=1

Code: Select all

[MeterCap1]
Meter=Rotator
MeasureName=MeasureTime
X=70
Y=70
ImageName=#@#circle.png
AntiAlias=1
StartAngle=(Rad(270))
RotationAngle=(Rad(360))
ValueRemainder=60
OffsetX=-33
OffsetY=12
Container=Container
ToolTipText=[MeasureTime]
DynamicVariables=1
This should return the 'string' value of MeasureTime.
ms310
Posts: 129
Joined: April 1st, 2015, 7:16 am

Re: Rotator for shapes

ms310 » October 8th, 2019, 4:44 am

eclectic-tech wrote:
October 8th, 2019, 4:31 am
When using SectionVariables, you need to add DynamicVariables=1

Code: Select all

DynamicVariables=1
This should return the 'string' value of MeasureTime.
Thanks, Eclectic-Tech. This worked for an Image meter but did not work for my Rotator meter. Maybe Rainmeter doesn't know what to attach to for this meter type?
User avatar
eclectic-tech
Rainmeter Sage
Posts: 3566
Joined: April 12th, 2012, 9:40 pm
Location: Cedar Point, Ohio, USA

Re: Rotator for shapes

eclectic-tech » October 8th, 2019, 12:24 pm

Okay, add TooltipText=[MeasureTime] and DynamicVariables=1 to your [Container] section rather than to the rotator meter section.
ms310
Posts: 129
Joined: April 1st, 2015, 7:16 am

Re: Rotator for shapes

ms310 » October 9th, 2019, 4:23 am

Hi Eclectic-Tech - thanks as always for taking the time to help out.

Your proposal works - but I am after a tooltip for each timezone. Here is a mockup (still not happy with it) - each band represents a timezone and the hour in 24 hour time.
2019-10-09_13h17_41.png
My idea is you hover over a colored band and the city name and time will popup.

I can place static tiny images say at the start of each color band and then add tooltips to those.

Accepting any ideas!
You do not have the required permissions to view the files attached to this post.
User avatar
balala
Rainmeter Sage
Posts: 8799
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Rotator for shapes

balala » October 9th, 2019, 10:43 am

First note that at least as I can say, those meters shown in the posted images, are not Rotators, but Roundline meters. Aren't they?
Secondly, doesn't matter if are Roundline or Rotator meters, in both cases if you apply a ToolTip, it will be show on the whole surface of the meter, not just on its visible parts. So, unfortunately a such Rotator and/or Roundline meter displays the tooltip not just on the visible surface of the shown line, but even inside, as well as outside of it. If you add a SolidColor=0,0,0,120 option to the meters we're talking about, you can see the whole surface of the skin, which enable showing the tooltip. If a tooltip is added, there is not possible to avoid it on the whole surface of the meter.
ms310
Posts: 129
Joined: April 1st, 2015, 7:16 am

Re: Rotator for shapes

ms310 » October 10th, 2019, 12:12 am

balala wrote:
October 9th, 2019, 10:43 am
First note that at least as I can say, those meters shown in the posted images, are not Rotators, but Roundline meters. Aren't they?
Secondly, doesn't matter if are Roundline or Rotator meters, in both cases if you apply a ToolTip, it will be show on the whole surface of the meter, not just on its visible parts. So, unfortunately a such Rotator and/or Roundline meter displays the tooltip not just on the visible surface of the shown line, but even inside, as well as outside of it. If you add a SolidColor=0,0,0,120 option to the meters we're talking about, you can see the whole surface of the skin, which enable showing the tooltip. If a tooltip is added, there is not possible to avoid it on the whole surface of the meter.
Thanks, Balala - you are 100% correct. When I was putting a PNG image following the end of a Roundline it was done so with a Rotator. I removed them in the screenshot - sorry for this confusion.

OK - I think I understand - thanks Balala - I will put a static image at the start of each Roundline with a tooltip.

I wish I was a better artist - I am unable to make this skin looks as sexy as the Apple Watch circles :)

Here is a question though. If I comment out the Ellipse at the top of this code snippet the Roundline doesn't go in a complete circle. When I uncomment the Ellipse an entire circle is shown. Any ideas?

I understand. The entire Roundline is being displayed but without the Ellipse, the total area of the skin is not large enough to display the entire Roundline. It is important to have a background skin to set the constraints of the skin dimensions. I think :)

Code: Select all

;[MeterEllipse]
;Meter=Shape
;Shape=Ellipse 100,100,80 | Fill Color 222222FF | StrokeWidth 0

[nTime]
Meter=String
MeasureName=MeasureTime
X=84
Y=82
FontColor=FFFFFFFF
Text=%1

[nDate]
Meter=String
MeasureName=MeasureDate
X=-6r
Y=20r
FontColor=FFFFFFFF
Text=%1

[nLane1]
Meter=RoundLine
StartAngle=(Rad(0))
RotationAngle=(Rad(360))
LineStart=68
LineLength=80
LineColor=FFAA0033
Solid=1
X=100
Y=100
AntiAlias=1
ToolTipTitle=[MeasureTime4]
ToolTipText=[MeasureName4]
ToolTipIcon=INFO
ToolTipType=1
DynamicVariables=1

[nTime1]
Meter=RoundLine
MeasureName=MeasureTime4
StartAngle=(Rad(270))
RotationAngle=(Rad(360))
LineStart=70
LineLength=78
LineColor=FFAA00FF
Solid=1
X=100
Y=100
AntiAlias=1
ValueRemainder=86400
ToolTipTitle=[MeasureTime4]
ToolTipText=[MeasureName4]
ToolTipIcon=INFO
ToolTipType=1
DynamicVariables=1
2019-10-10_09h15_30.png
You do not have the required permissions to view the files attached to this post.
ms310
Posts: 129
Joined: April 1st, 2015, 7:16 am

Re: Rotator for shapes

ms310 » October 10th, 2019, 4:50 am

The current iteration. I am not sure this saves any space to display this information. But - I learned many things thanks for Eclectic-Tech, Balala and many others. THANKS!

I will continue to refine this - I don't like how things are aligned - I had to tweak positions a pixel at a time and I feel I am still missing something. The background is also 200x200 but the displayed data is less than that - so I need to do some work there too.
2019-10-10_13h46_06.png
You do not have the required permissions to view the files attached to this post.
User avatar
balala
Rainmeter Sage
Posts: 8799
Joined: October 11th, 2010, 6:27 pm
Location: Gheorgheni, Romania

Re: Rotator for shapes

balala » October 10th, 2019, 1:44 pm

Ok, now have you got it working as intended so far?