Important Note: As of the JavaFX SDK Preview, this article is technically outdated. Please see the Using the Java Deployment Toolkit with JavaFX Applets article for an updated example of creating and deploying JavaFX Applets.
The JavaFX Script compiler team has provided two ways of creating compiled JavaFX Script applets. Today's example program demonstrates one of these ways, by converting the Binding to a Function example into a compiled JavaFX Script applet. Here's a screenshot of the JavaFX Script applet, running in Firefox 3:
This way of creating a JavaFX Applet is more "Java-like" in that it uses the approach of extending the javafx.ui.Applet class. Notice that it overrides a couple of applet life-cycle functions to demonstrate that ability. Compare the following code with the Binding to a Function example, the major difference being the absence of the Frame object. It isn't required since the applet provides its own UI container.
/*
* BindToFunctionApplet1.fx - A compiled JavaFX program that demonstrates
* one way of creating compiled JavaFX applets.
* It also demonstrates binding to a function.
*
* Developed 2008 by James L. Weaver (jim.weaver at lat-inc.com)
* to serve as a JavaFX Script example.
*/
import javafx.ui.*;
import javafx.ui.canvas.*;
import java.lang.Math;
import java.lang.System;
public class BindToFunctionApplet1 extends Applet {
public function start(): Void {
System.out.println("BindToFunctionApplet1.start()");
}
public function stop(): Void {
System.out.println("BindToFunctionApplet1.stop()");
}
}
class CircleModel {
attribute diameter:Number;
function getArea():Number {
Math.PI * Math.pow(diameter / 2, 2);
}
}
BorderPanel {
var cModel = CircleModel {}
background: Color.WHITE
center:
Canvas {
content: [
Circle {
cx: 240
cy: 250
radius: bind cModel.diameter * 2
stroke: Color.PURPLE
strokeWidth: 1
fill: Color.CYAN
},
Text {
font:
Font {
face: FontFace.SANSSERIF
style: FontStyle.BOLD
size: 24
}
x: 20
y: 10
stroke: Color.RED
fill: Color.RED
content: bind "Diameter: {cModel.diameter}"
},
Text {
font:
Font {
face: FontFace.SANSSERIF
style: FontStyle.BOLD
size: 24
}
x: 240
y: 10
stroke: Color.RED
fill: Color.RED
content: bind "Area: {%3.2f cModel.getArea()}"
}
]
}
bottom:
Slider {
min: 0
max: 100
border:
TitledBorder {
title: "Diameter:"
}
value: bind cModel.diameter with inverse
minorTickSpacing: 5
majorTickSpacing: 10
paintTicks: true
paintLabels: true
labels: [
SliderLabel {
value: 0
label:
SimpleLabel {
text: "0"
}
},
SliderLabel {
value: 50
label:
SimpleLabel {
text: "50"
}
},
SliderLabel {
value: 100
label:
SimpleLabel {
text: "100"
}
}
]
}
}
Supplying an HTML File to Run the Applet
Here is the HTML file (that I've named BindToFunctionAppletPage1.html) that runs the applet:
<html>
<body>
<applet code="BindToFunctionApplet1"
width=480 height=560
archive="javafxrt.jar, Scenario.jar">
</applet>
</body>
</html>
You'll need to put the JAR files (shown in the archive tag above) in the same directory as the HTML file. You can get these files from the compiler download in the dist/lib directory. To compile this applet, I used the -target parameter so that it will run within browsers that have JRE 5 or later:
javafxc -target 1.5 BindToFunctionApplet1.fx
To execute this compiled JavaFX Script applet, either open the BindToFunctionAppletPage1.html file in a browser, or use appletviewer as shown below:
appletviewer BindToFunctionAppletPage1.html
Enjoy, and please post a comment if you have any questions! The next post will cover the other way of creating compiled JavaFX Script applets.
Regards,
Jim Weaver
JavaFX Script: Dynamic Java Scripting for Rich Internet/Client-side Applications
Immediate eBook (PDF) download available at the book's Apress site
these pages are of little, here I have discovered many things that really did not know, I thank you for the blog!
Posted by: generic viagra | May 17, 2010 at 02:02 PM
Last Friday I had to go to Sacramento for a meeting, and the time on the plane gave me a chance to continue my exploration of Everything is Miscellaneous by David Weinberger. I seem to only find time to do this kind of reading on airplanes…uninterrupted blocks of time are pretty scarce! At least this time I was smart enough not to attempt to drink orange juice J. Sorting through the stacks on my desk today I came across the following quote that I jotted down on the plane:
"Reality is multifaceted. There are lots of ways to slice it. How we slice it up depends on why we're slicing it up."
Posted by: sildenafil citrate | April 26, 2010 at 06:27 PM
More people know that blog are good for every one where we get lots of information any topics !!! Discover the best male enhancement pills and products for men's health at www.male-sexual-styles.com
Posted by: penis enlargement | July 22, 2009 at 11:32 AM
Hi everyone..this is a great blog.
Im also having the same problem with the other post about 'ClassNotFoundException: javafx.ui.Applet' doing some javafx applet. Hope you can recommend/give a better example in creating javafx applet.thank you :)
Posted by: randz src | July 25, 2008 at 04:21 AM