OnMouseClicked Event Is Failing To Fire

Question

After clicking on the blue rectangle while the program is running the onMouseClicked Event fails to fire. I am expecting a message to appear in NB's Output window. Below is the relevant source code in relation to handling the onMouseClicked event:
package javafx_test;
import javafx.scene.control.Control;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;
import javafx.scene.Node;
public class ControlTest extends Control{
    def rect = Rectangle{
        fill: Color.BLUE
        height: 20 width: 20
        onMouseClicked: function(me){println("Events are working perfectly!")}
    protected override function create(): Node{
        return rect;
}Have I missed anything in relation to handling the onMouseClicked event for the blue rectangle?
Edited by: digi_pixel on Jun 8, 2009 10:54 PM

Answer 1

I upgraded my custom skinnable control (as shown in [Controls+Skins / CSS - Do Not Scale (BUG)|http://forums.sun.com/thread.jspa?threadID=5363533] in a compact form). I had some trouble, but with a little help from the MediaBox sample, I finally had something working.
The custom control is useless and ugly, but it does its work in testing the making of custom controls! :-)
Here is the code:
StyledControl.fx
public class StyledControl extends Control
  // Data related to the control (the model)
  package var count: Integer;
  package var content: String;
  public override var focusTraversable = true;
  init
    skin = ControlStyler {}
  package function Incr()
    count++;
    content = "{count}";
ControlStyler.fx
public class ControlStyler extends Skin
  //-- Skinable properties
  public var size: Number = 20;
  public var fill: Color = Color.GRAY;
  public var textFill: Color = Color.BLACK;
  public var focusFill: Color = Color.BLUE;
  var shape: Polygon;
  var focusHighlight: Circle;
  init
    shape = Polygon
      points: bind
        0.0, size * 2,
        size, size * 2,
        size / 2, 0.0
      fill: bind fill
    behavior = ControlBehavior { info: bind control.id }
    node = Group
      content:
        shape,
        Text
          x: bind size / 2 - 3
          y: bind size * 2 - 5
          fill: bind textFill
          content: bind (control as StyledControl).content
        Text
          x: 0
          y: bind size * 2 + 10
          content: bind control.id
      //-- Behavior: call controller for actions
      onMouseReleased: function (me: MouseEvent): Void
        (behavior as ControlBehavior).HandleClick(me)
  public function ShowIncrement()
    var df = fill;
    fill = Color.RED;
    Timeline
      keyFrames: [ at(2s) { fill => df tween Interpolator.DISCRETE } ]
    }.play();
  public function ShowFocus()
    focusHighlight = Circle
      centerX: size / 2
      centerY: -5
      radius: 5
      fill: focusFill
    insert focusHighlight into (node as Group).content;
  public function HideFocus()
    delete focusHighlight from (node as Group).content;
  public override function contains(localX: Number, localY: Number): Boolean
//~     println("contains for {control.id}: {localX} {localY}");
    return shape.contains(localX, localY);
  public override function intersects(localX: Number, localY: Number,
      localWidth: Number, localHeight: Number): Boolean
//~     println("intersects for {control.id}: {localX} {localY} {localWidth} {localHeight}");
    return shape.intersects(localX, localY, localWidth, localHeight);
  protected override function getPrefWidth(height: Number): Number { size }
    protected override function getPrefHeight(width: Number): Number { size * 2 }
ControlBehavior.fx
public class ControlBehavior extends Behavior
  public var info: String; // Only for debug information...
  var control = bind skin.control as StyledControl;
  public override function callActionForEvent(e: KeyEvent)
    println("{info}{control.count}: KeyEvent: {e}");
    if (e.char == '+')
      Incr();
  package function HandleClick(me: MouseEvent): Void
    control.requestFocus();
    // I miss  onFocus() and onBlur() methods?
    (skin as ControlStyler).ShowFocus();
    Incr();
  function Incr(): Void
    control.Incr();
    println("{info}: Ouch! -> {control.count}");
    var sk = skin as ControlStyler;
    sk.ShowIncrement();
TestStyling.fx
Stage
  title: "Test Styling Controls"
  scene: Scene
    width:  500
    height: 500
    content:
      StyledControl { id: "Bar", translateX: 50, translateY: 100 }
      StyledControl { /* No id */translateX: 150,  translateY: 100 }
      StyledControl { id: "Foo", translateX: 250, translateY: 75 }
      StyledControl { id: "Gah", translateX: 350, translateY: 100 }
    stylesheets: "{__DIR__}controlStyle.css"
controlStyle.css
/* Default style of all styled controls */
StyledControl
  size: 20;
  fill: #FF8800;
/* Specify changes per control identified by their ID */
StyledControl#Foo
  size: 50;
StyledControl#Bar
  fill: #09FF0F;
  text-fill: green;
  focus-fill: dark-green;
}I have yet to discover how to handle focus transversal, ie. changing the style of the control when it receives or loose the focus, be it by keys (Tab/Ctrl+Tab when control is focusTransversable) or with mouse (I handle the focus gain but I don't know what if the previously focused control so I cannot remove it).