I want do display anumber in aroller window. Where when we start with the 0 the 1 is belowand the 9 above. The number has adezimal, 0.0 to 0.9. When the 0.5 is the value, the 0 should be display half way up, so that half of the 9 disappears and the 1 is shown also raise in the position.
What have you tried so far?
Due to the fact I’m new I have tried it in Squareline Studio but the numbers still jump. I think it is related that the numbers are inputted as text in the text window. That means I’m missing the input as a number
Unfortunatly, we cannot fully understand your question. Please provide more details, if you have any design of this functionality, or description, that would help.
Based on the image, we cannot determine the issue. Please create a visual design.
Hi Victor,
thanks for the reply.
I try to clarify my problem.
I have as input a analog signal. The signal ranges between 0.0V and 9.9V. With this analog signal I want to move a drum dial as it was moved in the old days when ageartrain and a motor was attached to the drum. The drum is my roller. The drum(roller) should have the number 0 to 9 on the drum. The input of a value like 2.0 or in the char 2 in squareline moves the roller and shows 2 and the 3 above and the 1 below. With the input of the char 3 it jumps to 3 with 4 above and 2 below.
Now I want to input the value of 2.5 to position the roller halfway between the 2 and 3. Then it tooks like in old times with the drum.
I define the numbers as char in SquarelineStudio and the question is, how to position it in between. Let’s say 1.1 or 3.7.
Is this possible?
Hi there. Looks that we have similar problem. I am trying to make analog speedometer with “barrel / drum” type, mechanical like odometer. I have tried a label animation that moves number upwards, but it has ( as far as I understood) only time control.not value control.
Hope somebody will help us.
greetings Broda
Hi, thanks for the reply. I’m working on a drum pointer. first version was working.
Basically I tried the same. Finally I created a image with the numbers running from 0 to 9 with additional numbers on top and on the bottom. The sequence is 9 0 1 2 3 4 5 6 7 8 9 0 1. This image I call in a panel and position it via a calculated number to the center. the rest will be clipped and then I have the drum. To prevent the jumping of the drum value I calculate 10 Values between the starting value and the new value and move it.
Creating a Looping Rotating Scale in SquarelineStudio
The Basic Concept
To create a scale that appears to rotate infinitely in either direction, we can use a technique involving multiple copies of the same scale placed side by side. The key insight is to use three identical scales and shift them when one reaches the edge of the display area.
Implementation Details
Scale Dimensions:
Instrument width: 120 pixels
Individual number width: 40 pixels
Complete number sequence width: 400 pixels
Initial Setup:
Place three identical scale segments side by side (total width: 1200 pixels)
Align them to the left
Initial position: middle scale’s “0” value is centered
Starting position: -360px (first scale’s total width minus one character)
Value Positions:
0 value starts at position -360px
1 value starts at position -400px
2 value starts at position -440px
(and so on)
Looping Mechanism:
Move the scales left or right to simulate rotation
When the middle scale reaches the edge of the instrument’s visible area
Shift the entire assembly by 400px (one complete scale width) in the opposite direction
This resets the middle scale to start again from the beginning
Very Nice. Well , similar effect ca be achieved with ROLLER widget and animation that moves the numbers . Now the problem I have is to activate that animation.
It does not react on decimal number…
