HOME > RIO > GALLERY > TEMP CONVERTER

JavaFX Rio Rich Temperature Converter:

Screenshot
(Click to view applet)

This example shows building and deploying a Java/JavaFX Rich Internet Temperature Converter Application in just 5 minutes, complete with running example applet and video tutorial. In the demo, you can change the temperature value using the text field or slider and see it reflected in the Celsius field and the visual thermometer. Here are the steps to recreate:

  • Drag in two text fields and a slider
  • Select "Add Binder" from "Add Shapes" pull-down
  • Add Temperature property (of type Number)
  • Drag Temperature key from Keys Browser to components
  • Change Temperature key to formula in Celsius field
  • Draw Thermometer
  • Bind inner shape's width to Temperature
  • Preview as Applet

[ Video Tutorial ] [ Applet ] [ Template ]