Thermometer Demo

X

–

Menu

72

22

Celsius

Fahrenheit

0 ............. 50 ........ 100

help

Reset

This example page shows the Constraint Inspector tool, which can be used to highlight and browse all graphical objects in a world that have constraints on them. You can refresh and highlight those morphs, browse to the actual constrained variables (to inspect them), and also see the constraint expression(s) that are applied to the constrained variables. To try it, press the reset button on the Thermometer demo and the press the Refresh or Highlight all buttons on the inspector.

Constraint Inspector

X

–

Menu

Shows all constrained morphs in this world and allows you to inspect them. Press "Refresh" to update the list of morphs, "Highlight all" to temporarily highlight all of constrained morphs.

Refresh

Highlight all

▼

Morphs with Constraints

►

Fahrenheit lively.morphic.Slider

▼

Celsius lively.morphic.Slider

▼

value ConstrainedVariable

f.getValue() * 100 - 32 == c.getValue() * 100 * 1.8 && f.getValue() >= 0 && c.getValue() >= 0 && f.getValue() <= 1 && c.getValue() <= 1

ct.getTextString() == Math.round(c.getValue() * 100) + "" && c.getValue() == parseFloat(ct.getTextString()) / 100

►

FLabel lively.morphic.Text

▼

CLabel lively.morphic.Text

▼

textString ConstrainedVariable

ct.getTextString() == Math.round(c.getValue() * 100) + "" && c.getValue() == parseFloat(ct.getTextString()) / 100