Keywords: component, FXG, GraphicElement, skin parts, Spark
Here’s a first version of a simple Ruler component that takes some of the techniques discussed in the couple of previous post into account.
The ruler can be scaled down or up by holding CTRL/SHIFT while clicking and can be moved by holding the ALT-Key and keeping the mouse button pressed. When scaling an animation is applied for smoother transitions. For the labels an array of Strings can be set, each one defining a division on the ruler. The number of subdivisions can be set as well
Simple ruler component. View source is enabled.
Custom GraphicElement to draw tick lines
Instead of using and FXG-Path element a custom GraphicElement has been created to draw (more…)