JavaFX: July 2008 Archives

In anticipation of the JavaFX SDK preview release, I have whipped up a very primitive JavaFX Script brush for Syntax Highlighter. Adding the brush is easy, so I will not bore you with boilerplate. Include the brush, set your code class to "jfx", and you get nicely highlighted JavaFX Script code on your blog!

Download the brush here: http://coffeejolts.com/downloads/shBrushJavaFX.js

Here is a sample from James Weaver's blog, highlighted using my brush:
/* * ButtonNode.fx - * A node that functions as an image button * * Developed 2008 by James L. Weaver (jim.weaver at lat-inc.com) * to demonstrate how to create custom nodes in JavaFX */ package com.javafxpert.custom_node; import javafx.animation.*; import javafx.input.*; import javafx.scene.*; import javafx.scene.effect.*; import javafx.scene.image.*; import javafx.scene.paint.*; import javafx.scene.text.*; public class ButtonNode extends CustomNode { /** * The title for this button */ public attribute title:String; /** * The Image for this button */ private attribute btnImage:Image; /** * The URL of the image on the button */ public attribute imageURL:String on replace { btnImage = Image { url: imageURL }; } /** * A Timeline to control fading behavior when mouse enters or exits a button */ private attribute fadeTimeline = Timeline { keyFrames: [ KeyFrame { time: 0ms values: [ fade => 0.0 ] }, KeyFrame { time: 600ms values: [ fade => 1.0 tween Interpolator.LINEAR ] } ] }; /** * This attribute is interpolated by a Timeline, and various * attributes are bound to it for fade-in behaviors */ private attribute fade:Number = 1.0; /** * This attribute represents the state of whether the mouse is inside * or outside the button, and is used to help compute opacity values * for fade-in and fade-out behavior. */ private attribute mouseInside:Boolean; /** * The action function attribute that is executed when the * the button is pressed */ public attribute action:function():Void; /** * Create the Node */ public function create():Node { Group { var imageRef:ImageView var textRef:Text content: [ imageRef = ImageView { image: btnImage opacity: bind if (mouseInside) 1.0 - fade / 2 else fade / 2 + 0.5 }, textRef = Text { translateX: bind imageRef.getWidth() / 2 - textRef.getWidth() / 2 translateY: bind imageRef.getHeight() - textRef.getHeight() textOrigin: TextOrigin.TOP content: title fill: Color.WHITE opacity: bind if (mouseInside) fade else 1.0 - fade font: Font { name: "Sans serif" size: 16 style: FontStyle.BOLD } }, ] onMouseEntered: function(me:MouseEvent):Void { mouseInside = true; fadeTimeline.start(); } onMouseExited: function(me:MouseEvent):Void { mouseInside = false; fadeTimeline.start(); me.node.effect = null } onMousePressed: function(me:MouseEvent):Void { me.node.effect = Glow { level: 0.9 }; } onMouseClicked: function(me:MouseEvent):Void { fadeTimeline.start(); action(); me.node.effect = null; } }; } }