more than a feeling

Colored plane shadow

2011-12-07T09:12:00.001+01:00

Just found this weird plane shadow when browsing on google maps:

Running JavaFX on Linux (2)

2011-11-16T15:38:00.001+01:00

After succeeding to run a very simple javafx app on linux, the next thing to try was a more complex app. Since there is a nice blog on client server with javafx it looked like a good project.

Server

The server side was simple since that did not involve anything different. The client side is the interesting part.

<fx:resources id="appRes" description="runtime classpath">
<fileset dir="dist" includes="*.jar"/>
</fx:resources>

Client
The big difference with the previous post is that now there are javafx external classes used, so more jars on the classpath. After placing all the extra jars on the classpath with

<fx:resources id="appRes" description="runtime classpath">
<fileset dir="dist" includes="*.jar"/>
<fileset dir="${javafx-runtime}/lib" includes="*.jar"/>
<fileset dir="${javafx-runtime}/bin" includes="*.dll"/>
</fx:resources>

the first problem encountered was that the javafx classes and dll's were not found anymore. Turns out this is standard jar stuff, when using the manifest CLASS_PATH entry, all other classpath entries are ignored. Apparently also when using the 'JavaFX-Class-Path' entry. To fix it was not a big problem

<fx:resources id="appRes" description="runtime classpath">
<fileset dir="dist" includes="*.jar"/>
<fileset dir="${javafx-runtime}/lib" includes="*.jar"/>
<fileset dir="${javafx-runtime}/bin" includes="*.dll"/>
</fx:resources>

It works:

but it should be run from the 'dist' directory and all the dll's and jars from the javafx runtime classpath were in the manifest classpath

JavaFX-Class-Path: aopalliance-1.0.jar clientservercommon-1.0.0-SNAPSH
OT.jar deploy.jar guice-3.0.jar hessian-2.1.12.jar javafx-runtime-2.0
.jar javafxclient.jar javaws.jar javax.inject-1.jar jfxrt.jar plugin.
jar deploy.jar javaws.jar jfxrt.jar plugin.jar WebPaneJava.dll axbrid
ge.dll decora-d3d.dll decora-sse.dll deploy.dll eula.dll fxmp3plugin.
dll fxplugins.dll glib-lite.dll gstreamer-lite.dll javafx-font.dll ja
vafx-iio.dll jfxmedia.dll jp2iexp.dll jp2native.dll jp2ssv.dll jpicom
.dll jpiexp.dll jpinscp.dll jpioji.dll jpishare.dll libxml2.dll mat.d
ll msvcr100.dll npjpi170_01.dll npoji610.dll prism-d3d.dll ssv.dll ws
detect.dll

and copied to the 'dist' directory as well! That's not a good solution.

Improving

So first remove the javafx runtime files from the resources and place them somewhere else, but where ?
Since the javafx runtime files are accesed from the windows executable 'java' the best solution is to put the

'/home/andre/.wine/drive_c/Program Files/Oracle/JavaFX Runtime 2.0/bin'

dir in the windows path environment variable. Run 'wine regedit' and then go to

'HKEY_CURRENT_USER/Environment'.

Make a new String value 'Path' and add a value

'c:\\windows;c:\\windows\\system;c:\\Program Files\\Oracle\\JavaFX Runtime 2.0\\bin'

According to wine user guide set environment-variables, the windows and system directory should be added. After that it still worked but the classpath was a lot slimmer

JavaFX-Class-Path: aopalliance-1.0.jar clientservercommon-1.0.0-SNAPSH
OT.jar guice-3.0.jar hessian-2.1.12.jar javafx-runtime-2.0.jar javax.
inject-1.jar

and the 'dist' directory a lot smaller.

andre@ubuntu:~/Programming/workspaces/javafx/javafxclient/dist$ ls
aopalliance-1.0.jar javafxclient.jar
clientservercommon-1.0.0-SNAPSHOT.jar javafxclient.jnlp
guice-3.0.jar javafx-runtime-2.0.jar
hessian-2.1.12.jar javax.inject-1.jar
javafxclient.html

Another improvement and to make it more reusable is that the hardcoded values in build.xml are replaced with variables. They can be either maven properties (like project.name) or self defined properties (main.class and javafx-sdk-path). Both can be used without adding anything in the ant build
file.

The zip with the projects can be found in my gmail docs.

Running JavaFx on Linux

2011-11-05T15:59:00.002+01:00

Developing JavaFX program on Linux is OK, but the ultimate test is to run JavaFX on Linux. Since there is no release for Linux there is some tinkering to do. After installing the windows sdk and jre 7 on wine, maven needs to build a jar that can be run on wine. In the wine configuration java.exe was added and Windows 7 was chosen as windows version. It does not work with XP.

For packaging the jar, the Java FX ant task is used. This will make a jar which will run a com.javafx.main.Main class, which will run our javafx class.

<project name="JavaFXSample" default="default" basedir="."
xmlns:fx="javafx:com.sun.javafx.tools.ant">
<target name="default">
<taskdef resource="com/sun/javafx/tools/ant/antlib.xml"
uri="javafx:com.sun.javafx.tools.ant"
classpath="${javafx_sdk_path}/tools/ant-javafx.jar"/>

<fx:application id="app"
name="${projectname}"
mainClass="${main.class}"/>

<fx:resources id="appRes">
<fx:fileset dir="dist" includes="onlinux.jar"/>
</fx:resources>

<fx:jar destfile="dist/${projectname}.jar">

<fx:application refid="app"/>

<fx:resources refid="appRes"/>

<fileset dir="${build.dir}"/>
</fx:jar>

<fx:deploy width="800" height="600"
outdir="dist"
outfile="${projectname}">
<fx:info title="JavaFX on Linux"/>
<fx:application refid="app"/>
<fx:resources refid="appRes"/>
</fx:deploy>
</target>
</project>

To run this use the maven ant-run plugin, add this to the plugins tag

<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-antrun-plugin</artifactId>
<version>1.6</version>
<executions>
<execution>
<id>compile</id>
<phase>compile</phase>
<configuration>
<target>
<property name="javafx_sdk_path" value="${jfx-sdk-path}"/>
<property name="build.dir" value="${project.build.outputDirectory}"/>
<property name="projectname" value="${project.name}"/>
<property name="main.class" value="${main-class}"/>
<ant antfile="${basedir}/build.xml">
<target name="default"/>
</ant>
</target>
</configuration>
<goals>
<goal>run</goal>
</goals>
</execution>
</executions>
</plugin>

There are some properties used to transfer values to the build.xml.

In the dist folder there is now a jar with the name of our project. There are also a html page and a jnlp generated, but they won't run on linux because there is no JavaFX and no plugin for the browsers. They do function on windows.

The final step is to use the java.exe from wine and add the javafx runtime libraries and dll's to the classpath. To separate the specific linux stuff from the application classpath, it is setup in the command line. Change the working directory to that of the application (where the maven pom is) and type

wine '/home/andre/.wine/drive_c/Program Files/Java/jre7/bin/java.exe' -cp '/home/andre/.wine/drive_c/Program Files/Oracle/JavaFX Runtime 2.0/bin;/home/andre/.wine/drive_c/Program Files/Oracle/JavaFX Runtime 2.0/lib/jfxrt.jar' -jar dist/onlinux.jar

That's it! JavaFX running on a linux box with a little help.

To test more JavaFx on linux the Ensemble app from the javafx samples was run. It does run, albeit not at top speed and the 3D samples do not work at all.

The complete project can be found here

Development with JavaFX on Linux

2011-10-27T23:05:00.001+02:00

Since JavaFx 2.0 was introduced I was developing applications on Windows, but since my main machine is an Ubuntu box, I wanted to at least develop JavaFX applications on Linux. This is a summary of how to achieve that on Ubuntu 11.04

While the linux version of JavaFX is not available, the best option seemed wine (http://www.winehq.org/). It is available in Ubuntu Software Center.

Installing JavaFX one wine requires a java runtime, so first install that, I choose jre 7. There is no need for a jdk, because the one on Linux is used later on. Download the windows exe (i have chosen the 32 bit/i586 version) and choose Open with .. Wine Windows Program Loader

It will install normally (well like on windows ;-). After installing the jre, the JavaFX sdk needs the same treatment (i also choose the 32bit/i586 version). It will be installed on the wine C: drive if you accept the default values.

If you have not installed a jdk on linux do so now. You need at least 1.6, it also works with version 7.

Using the JavaFX sdk in Eclipse is the next step. Since I use maven to develop, maven 3 was first setup. Then the javafx runtime jar was installed in the maven repository with

mvn install:install-file -Dfile="/home/andre/.wine/drive_c/Program Files/Oracle/JavaFX 2.0 SDK/rt/lib/jfxrt.jar" -DgroupId=com.oracle -DartifactId=javafx-runtime -Dversion=2.0 -Dpackaging=jar

After that it is possible to compile JavaFX 2.0 program under linux with maven. Since I use eclipse as IDE a

mvn eclipse:eclipse

was enough to compile in eclipse.

I know just copying the jfxrt.jar from a windows install and using that would have been enough to get this far, but this way it can be done without access to a windows machine and the next challenge is to run JavaFX applications in wine.

JavaFX zoomable LineChart

2011-02-08T21:25:00.016+01:00

JavFX has a lot of nice graphical components, one of them is the javafx.scene.chart.LineChart. But the LineChart has only basic functions and one thing that was missing was a sort of zoom function. That would be able to show a part of the original graph shown.

Since it should both be a CustomNode and a Container i looked for code that could execute both functions. Luckily Jim Weaver already showed how that was possible. Extending the Container looked simpler, but in the end it was more complex for me, so I ended up using the Panel example.

In the beginning when data en display code were in the same class, the resizing did not work within a VBox, so I created a Panel as Container class there too. Later on, when separating data and display code (which off course it should be) it automagically started working inside a VBox too, so it was even more the better solution.

The data is just random around 1000, so it does not really look like a chart, but it does show the intention.

The zooming in and out of the LineChart data was not that easy. Also because I wanted the tickLabels to adjust automatically, but again separating it nicely made the difference.

Another thing I wanted, that ws not obvious is that there should be not too many and not too few labels on the yAxis and the values should be multiples of nice rounded numbers. These calculations are done in a separate java class, ChartUtil.

Sliders are used at the moment to set the lower and upperbound for the xAxis.

There are still some things to do.

It only works for one series. It would be nice to be able to display more series and have the yValues automaticllay correct for both series.

The sliders are not really nice, a better way would be to show a mini version of the original chart and set the lower and upper bound from there. The same way that google finance does it.

Updating the LineChart to show the zoomed in graph is now done by removing the first entry of the data and adding it again. Not very nice, but I could not find another way to update the LineChart.

Since financial charts also have a absolute value, it should also be possible to set the lower or upper bound as a fixed number (e.g. zero) or make it have a maximum/minimum.

The code



package nl.tikal.finance.saldo.chart;

import javafx.scene.CustomNode;
import javafx.scene.Node;
import javafx.scene.paint.Color;
import javafx.scene.layout.LayoutInfo;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.part.NumberAxis;
import javafx.scene.layout.Resizable;
import javafx.geometry.BoundingBox;
import javafx.scene.layout.LayoutInfoBase;
import javafx.scene.layout.Priority;
import javafx.scene.control.Slider;
import javafx.scene.layout.Container.*;
import javafx.scene.layout.Panel;
import java.util.Date;
import nl.tikal.finance.transaction.util.ChartUtil;

/**
 * @author André Hogenkamp
 *
 */
public class ZoomableLineChart extends CustomNode, Resizable {
    public var title:String;
    public var xAxis:NumberAxis;
    public var yAxis:NumberAxis;
    public var xAxisLabel:String;
    public var yAxisLabel:String;
    public var lowerboundFixed:Number;
    public var formatTickLabel:function (val:Float):String;

// LineChart stuff
    // variable that holds the dates of the transactiondata.
    var dates:Date[];
    var tickUnit = bind (endSliderValue - beginSliderValue)/10;
    // variable that makes tickunits dependent on difference between upperbound and lowerbound.
    var yAxisTickUnit = 1;
    var lowerbound = 0.0; //lowest value of data
    var upperbound = 0.0; //highest value of data.

    var dataSubset:LineChart.Data[];
    public var data:LineChart.Series[] on replace {
            dataSubset = data[0].data[0 ..  data[0].data.size()];
        };

    var beginSliderValue:Number = 0 on replace {
        if (beginSliderValue > endSlider.value) {endSlider.value} else {beginSlider.value}
        dataSubset = data[0].data[beginSliderValue.intValue() ..  endSliderValue.intValue()];
        calculateBounds(dataSubset);
        // hack to redraw LineChart.
        var seriesData:LineChart.Data = dataSubset[0];
        delete dataSubset[0];
        insert seriesData before dataSubset[0];
    }

    var endSliderValue:Number = data[0].data.size() on replace {
        if (endSliderValue < beginSlider.value) {beginSlider.value} else {endSlider.value}
        dataSubset = data[0].data[beginSliderValue.intValue() ..  endSliderValue.intValue()];
        calculateBounds(dataSubset);
        // hack to redraw LineChart.
        var seriesData:LineChart.Data = dataSubset[0];
        delete dataSubset[0];
        insert seriesData before dataSubset[0];
    }

    // recalculate tickUnit for y-axis and upperbound and lowerbound for selected subset.
    function calculateBounds(dataSubset : LineChart.Data[]):Void {
        upperbound = Number.NEGATIVE_INFINITY;
        lowerbound = Number.POSITIVE_INFINITY;
        for (dataItem:LineChart.Data in dataSubset) {
            if (dataItem.yValue < lowerbound) {
                lowerbound = dataItem.yValue;
            }
            if (dataItem.yValue > upperbound) {
                upperbound = dataItem.yValue;
            }
        }
        yAxisTickUnit = ChartUtil.calculateFloorPowerOfTen(upperbound.intValue() - lowerbound.intValue());
        upperbound = ChartUtil.calculateUpperbound(upperbound, yAxisTickUnit);
        lowerbound = ChartUtil.calculateLowerbound(lowerbound, yAxisTickUnit);
    }

    var lineChart = LineChart {
        id: "lineChart"
        title: title
        showSymbols: false;
        plotBackgroundFill: Color.AQUA
        xAxis: NumberAxis {
            tickUnit: bind tickUnit
            lowerBound: bind beginSliderValue
            upperBound: bind endSliderValue
            label: xAxisLabel
            formatTickLabel: formatTickLabel
        }

        yAxis: NumberAxis {
            tickUnit: bind yAxisTickUnit
            lowerBound: bind lowerbound
            upperBound: bind upperbound
            label: yAxisLabel
        }
        data: [
//            for (i in [0 .. data.size() -1]) {
                LineChart.Series {
                    name: bind data[0].name
                    fill: bind data[0].fill
                    data: bind dataSubset
                }
//            }
        ]
    }

    var beginSlider = Slider {
        id: "beginSlider"
        blockIncrement: 10.0
        majorTickUnit: 50
        minorTickCount: 1
        snapToTicks: true
        showTickMarks: true
        min: 0
        max: bind 468;//dataSubset.size()
        value: bind beginSliderValue with inverse
    }

    var endSlider = Slider {
        id: "endSlider"
        blockIncrement: 10.0
        majorTickUnit: 50
        minorTickCount: 1
        snapToTicks: true
        showTickMarks: true
        min: 0
        max: 468;//bind dataSubset.size()
        value: bind endSliderValue with inverse
    }

// Panel stuff

    var panel:Panel = Panel {
        var bottomHeight:Number;
        width: bind width
        height: bind height
        content: [
            lineChart,
            beginSlider,
            endSlider
        ]
        onLayout: function():Void {
            bottomHeight = 0;
            for (node in getManaged(panel.content)) {
                if (node.id == "beginSlider") {
                    bottomHeight = bottomHeight + getNodePrefHeight(node);
                    setNodeWidth(node, (panel.width - 100)/2);
                    positionNode(node, 20, panel.height);
                }
                if (node.id == "endSlider") {
                    setNodeWidth(node, (panel.width - 100)/2);
                    positionNode(node, panel.width/2, panel.height);
                }
                if (node.id == "lineChart") {
                    setNodeWidth(node, panel.width - 50);
                    setNodeHeight(node, panel.height - bottomHeight - 50);
                    positionNode(node, 50, 32);
                }
            }
        }
        prefWidth: function(height:Number):Number {
            return panel.width;
        }
        prefHeight: function(width:Number):Number {
            return panel.height;
        }

    };

    override function getPrefWidth(height:Number):Number {
        // compute preferred width based on own content/state
        // may query preferred widths of children during computation
        var prefWidth = lineChart.width;
        return prefWidth;
    }
    override function getPrefHeight(width:Number):Number {
        // compute preferred height based on won content/state
        // may query preferred heights of children during computation
        var prefHeight = lineChart.height + beginSlider.height + endSlider.height;
        return prefHeight;
    }

    override var width on replace {
        requestLayout();
    }

    override var height on replace {
        requestLayout();
    }

    override var layoutInfo: LayoutInfoBase = LayoutInfo {
        hfill: true vfill: true
        hgrow: Priority.ALWAYS vgrow: Priority.ALWAYS
    }

    // ensure layoutBounds tracks current width/height
    override var layoutBounds = bind BoundingBox {
        minX: 0
        minY: 0
        width: this.width
        height: this.height
    }

    override var children = bind panel;

}

It needs the nl.tikal.finance.transaction.util.ChartUtil class, which does the calculation of the new lower and upper bounds and of the label values on the yAxis.



/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

package nl.tikal.finance.transaction.util;

/**
 *
 * @author André Hogenkamp
 */
public class ChartUtil {

    public static Integer calculateFloorPowerOfTen(Integer number) {
        Integer powerOfTen = 0;
        Double number2 = number/10.0;
        while (number2 > 10) {
            powerOfTen++;
            number2 = number2/10;
        }
        Double d = new Double(Math.pow(10, powerOfTen));
        Integer result = new Double(Math.floor(number2) * d).intValue();
        if (result == 0) {
            result = 1;
        }
        return result;
    }

    public static Float calculateUpperbound(Float upperbound, Integer tickUnit) {
        float temp = upperbound/tickUnit;
        return new Float(Math.ceil(new Float(temp).doubleValue()) * tickUnit);
    }

    public static Float calculateLowerbound(Float upperbound, Integer tickUnit) {
        float temp = upperbound/tickUnit;
        return new Float(Math.floor(new Float(temp).doubleValue()) * tickUnit);
    }

}

JavaFX and Spring

2010-12-30T18:30:00.007+01:00

Working with JavaFX is fun, but when you want to develop more complex programs some help is welcome. Since using Spring usually helps me very much I decided to try the combination of JavaFX and Spring.

On the web you will find some examples of using JavaFX and Spring, but they start from the java side. I wanted to start from the JavaFX side, meaning write the JavaFX UI base class as normal and wire the Spring beans in there. Then start the JavaFX UI class as main.


var ctx:ApplicationContext = new ClassPathXmlApplicationContext("application-context.xml");
var dataManagement:DataManagement = ctx.getBean("dataManagement") as DataManagement;
def width = 800;
def height = 500;
def  scene: Scene = Scene {
    width: width
    height: height
    content:
        Stack {
            width: bind scene.width
            height: bind scene.height
            padding: Insets { top: 4 right: 4 bottom: 4 left: 4}
            content: [
                dataManagement
            ]
        }
}

Stage {
    title: "Transactions"
    scene: scene
}

Since somewhere down the line spring beans have to be injected in a JavaFX class I decide to make the JavaFX classes also beans. So the wiring is done by spring and the GUI is setup by JavaFX. So this main class reads the file application-context.xml to create the ApplicationContext. Then it gets the UI class from the ApplicationContext.

In the scene var the UI class is used.

In the application-context file the JavaFX beans are defined, since JavaFX does not understand Spring annotations.


    <!-- JavaFX config -->
    <bean id="dataManagement" class="nl.tikal.finance.saldo.data.DataManagement" >
        <property name="transactionReader" ref="transactionReader"/>
        <property name="transactionEventHandlerAdapter" ref="transactionEventHandlerAdapter"/>
    </bean>

    <bean id="transactionEventHandlerAdapter" class="nl.tikal.finance.saldo.data.TransactionEventHandlerAdapter" >
        <property name="transactionEventHandler" ref="transactionEventHandler"/>
    </bean>

The only thing you have to do extra in for the JavaFX beans is the setter methods for all the dependencies you wish to use from spring. The methods must be public.



    public function setTransactionReader(transactionReader:TransactionReader):Void {
        this.transactionReader = transactionReader;
    }

Thats it, spring does all the work for you and you can start the JavaFX class.

No network on virtualbox guest ubuntu

2009-11-20T21:58:00.004+01:00

When trying ubuntu 9.10 on virtualbox, sometimes there was no network. That was very irritating!

Luckily there are forums and in one of them the answer was found:

Scroll way down the the bottom and the second to last post by TerryE (from 17 sep 2008) says


The issue is to do with the persistence model implemented by the udev discover 
process because your MAC address has changed. The easiest workaround is to edit the 
file /etc/udev/rules.d/70-persistent-net.rules and delete the lines including "'# PCI 
Device ..." to end. The net generator will recreate the correct entries on the next 
reboot.

It works for me.
The only thing is that it will be a pain in the ... to have to edit that file and restart every time there is no network connection :-(

My favorite songs

2009-11-16T10:08:00.016+01:00

The dutch radio station Radio Veronica broadcasts at the end of the year a top 1000 of all times. This list is compiled from listeners who vote for there personal top 10 on the website. There are some restrictions to voting. The songs have to be more than a year old, not all songs are in the list from which you can choose and there may be only one song of a band of musician. This year my list is:

1. Boston - More Than A Feeling
2. Radiohead - Creep
3. Evanescence - My Immortal
4. Guns 'n Roses - November Rain
5. Metallica - The Unforgiven
6. Air Supply - All Out Of Love
7. Nirvana - Lithium
8. The Babys - Everytime I Think Of You
9. The Cure - A Forest
10. AC/DC - Thunderstruck

Songs that missed this top 10 were:

Roxette: Fading like a flower
Robert Plant Big log
Toto Hold the line
Aerosmith I don't want to miss a thing
Bryan Adams Run to you
Bonny Tyler Total eclipse of the heart
Bon Jovi Always
The cranberries Zombie
K's choice Not an addict
The Cult Ciao Edie (not on the radio veronica list)
John Miles Music
Def Leppard Love bites
Deep purple Child in time
Ellen Foley We belong to the night
Pat Benatar Invincible
The Verve Bitter sweet symphony
Foreigner I want to know what love is
Fisher Z Marliese (not on the radio veronica list)
Gary Moore Empty rooms
Phil Lynott Out in the fields (not on the radio veronica list)
Heart Allies (not on the radio veronica list)
Kings of leon Use somebody
Metallica The unforgiven
Marillion Lavender
Wihtin Temptation All I need (not on the radio veronica list)
Meatloaf Bat out of hell
REO Speedwagon Keep on loving you
Ozzy Osbourne Dreamer
Phil Collins Against all odds
Queen Who wants to live forever
Survivor The search is over (not on the radio veronica list)
Skunk Anansie Weak
Therapy? Diane
Van Halen Running with the devil
ZZ Top Rough boy

And these are only the songs I considered for the top 10. There ara so much more good songs out there.

If you look at the list it probably isn't to hard to guess what music style I like ;-)
And another thing you can see is that, although I am Dutch, there are no dutch songs on the list. Oh, and no christmas songs to, even if it is the end of the year

Setting up JavaFX and Maven2 on Ubuntu

2009-11-15T17:55:00.017+01:00

I wanted to have a good, IDE independent, working environment. So i made a VirtualBox Ubuntu vm and tried to make JavaFX and Maven work together.

Setting up Maven
Setting up maven is not to difficult, just search for maven in Synaptic package manager and select maven2. I do wonder why Groovy, Ivy and Velocity also want to be installed. Then edit the settingsfile (in /etc/maven2/) and set your local repository if you don't want the standard repo location

Setting up JavaFx
Setting up JavaFX is a bit trickier. It is not in the Synaptic package manager list of apps. You can download it from Sun. This will get a script file which will set up the javafx environment. Since I have not to much experience with linux I had no idea where to put it. I decided to put it in /etc/ (open a terminal, chmod a+x javafx_sdk-1_2_1-linux-i586.sh, cd to the directory where you want it installed and execute the script with: sudo /home/andre/Downloads/javafx_sdk-1_2_1-linux-i586.sh ). For working with javafx it doesn't really matter, just remember the path, you need it later on.

Making the two work together
The first thing to do for making maven and javafx work together is to let maven find the javafx compiler. There is a plugin for maven which does exactly that. The only thing you need then is to make the environment variable JFX_HOME. After looking up how to do that, maven tried to compile a demo class.

Off course it didn't compile the first time, because the compiler could not find the javafx classes. After searching the net I used this way, but later i want to not haven all the javafx dependencies in my pom, so I need to search for a better way.

Then it still did not work because I forgot some imports in the javafx class ;-( After fixing that it compiled fine.

Off course,with that working I wanted more. I wanted to also run it from maven. Since I wasn't the first to want to do that there was an answer on internet. I only needed the last bit of the comment from Marcos Muíño on the bottom of the page and presto! My first javafx compile, install and run with maven.


          <plugin>
              <groupId>org.codehaus.mojo</groupId>
              <artifactId>exec-maven-plugin</artifactId>
              <executions>
                  <execution>
                      <phase>package</phase>
                      <goals>
                          <goal>exec</goal>
                      </goals>
                  </execution>
              </executions>
          <configuration>
              <executable>/opt/javafx-sdk1.2/bin/javafx</executable>
              <arguments>
                  <argument>nl.tikal.common.javafxmavenproject.Controls</argument>
                  <argument>-classpath</argument>
                  <classpath />
              </arguments>
              </configuration>
          </plugin>

TODO:
Removing the javafx dependencies from the pom.

Making maven work with combined JavaFx and Java projects.
http://sourceforge.net/apps/mediawiki/jfxpictureview/index.php?title=Using_Maven_2_with_JavaFX

The complete pom


<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>nl.tikal.common</groupId>
  <artifactId>JavaFxMavenProject</artifactId>
  <packaging>jar</packaging>
  <version>1.0-SNAPSHOT</version>
  <name>JavaFxMavenProject</name>
  <url>http://maven.apache.org</url>
  <properties>
    <javafx.home>/opt/javafx-sdk1.2</javafx.home>
  </properties>
  <dependencies>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>compiler</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/shared/javafxc.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>runtime</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/shared/javafxrt.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>desktop-rt15</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/rt15.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>geom</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/javafx-geom.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>ui-common</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/javafx-ui-common.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>ui-desktop</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/javafx-ui-desktop.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>ui-swing</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/javafx-ui-swing.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>fxdloader</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/fxdloader.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>websvc</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/websvc.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>ui-controls</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/javafx-ui-controls.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>ui-charts</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/javafx-ui-charts.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>common</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/javafx-common.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>io</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/javafx-io.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>eula</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/eula.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>anim</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/javafx-anim.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>decora-runtime</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/decora-runtime.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>decora-j2d-rsl</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/decora-j2d-rsl.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>decora-ogl</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/decora-ogl.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>sg-common</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/javafx-sg-common.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>sg-swing</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/javafx-sg-swing.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>jogl</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/jogl.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>gluegen-rt</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/gluegen-rt.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>jmc</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/jmc.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>script-api</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/desktop/script-api.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>mobile-cldc</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/mobile/javafxapi-cldc.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>mobile-cldc_1.1</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/mobile/cldc_1.1.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>mobile-midp_2.0</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/mobile/midp_2.0.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>mobile-jsr120_1.1</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/mobile/jsr120_1.1.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>mobile-jsr135_1.1</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/mobile/jsr135_1.1.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>mobile-jsr172_1.0</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/mobile/jsr172_1.0.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>mobile-jsr177_1.0</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/mobile/jsr177_1.0.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>mobile-jsr179_1.0</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/mobile/jsr179_1.0.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>mobile-jsr184_1.1</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/mobile/jsr184_1.1.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>mobile-jsr234_1.0</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/mobile/jsr234_1.0.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>mobile-jsr256_1.1</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/mobile/jsr256_1.1.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>javafx</groupId>
      <artifactId>mobile-jsr75_1.0</artifactId>
      <version>1.2</version>
      <scope>system</scope>
      <systemPath>${javafx.home}/lib/mobile/jsr75_1.0.jar</systemPath>
    </dependency>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>3.8.1</version>
      <scope>test</scope>
    </dependency>
  </dependencies>
  <build>
      <sourceDirectory>src/main/java</sourceDirectory>
      <plugins>
          <plugin>
              <groupId>org.apache.maven.plugins</groupId>
              <artifactId>maven-compiler-plugin</artifactId>
              <configuration>
                  <compilerId>javafxc</compilerId>
                  <include>**/*.fx</include>
                  <fork>true</fork> <!-- NOTE: only “fork” mode supported now -->
              </configuration>
              <dependencies>
                  <dependency>
                      <groupId>net.sf.m2-javafxc</groupId> <!-- NOTE: groupdId conforms project domain name, was: net.sf.m2-javafxc -->
                      <artifactId>plexus-compiler-javafxc</artifactId>
                      <version>0.3</version> <!-- NOTE: 0.3 is the current version in Maven Central repository -->
                  </dependency>
              </dependencies>
          </plugin>
          <plugin>
              <groupId>org.codehaus.mojo</groupId>
              <artifactId>exec-maven-plugin</artifactId>
              <executions>
                  <execution>
                      <phase>package</phase>
                      <goals>
                          <goal>exec</goal>
                      </goals>
                  </execution>
              </executions>
          <configuration>
              <executable>/opt/javafx-sdk1.2/bin/javafx</executable>
              <arguments>
                  <argument>nl.tikal.common.javafxmavenproject.Controls</argument>
                  <argument>-classpath</argument>
                  <classpath />
              </arguments>
              </configuration>
          </plugin>
       </plugins>
  </build>
  </project>

Ubuntu 9.10 virtualbox ose 2.2.4 and guestadditions

2009-11-08T17:08:00.009+01:00

Installing Ubuntu 9.10 on virtualbox ose 2.2.4is not a problem. Just make a new machine, set Ubuntu 9.10 iso as cd image and install from there.

Problems arise when trying to install the guest additions. Since Ubuntu 9.10 has a more recent kernel than virtualbox expects, an error occurs


error: implicit declaration of function utf8_mbtowc

You can find a solution for this on the net, but for me the easiest solution was to download the guest additions for the newest version (3.0.8) of the VBoxGuestAdditions
and install these.


Set VBoxGuestAdditions_3.0.8.iso as cd image in VirtualBox and

Open a terminal (by pressing ALT-F2) and enter “terminal” on gnome.
cd /media/cdrom
sudo bash ./VBoxLinuxAdditions-x86.run 
(the one for your platform, in my case x86)

Now it should compile and install and is finally usable.

Golf and JavaFX, part 3

2009-01-18T13:42:00.009+01:00

The code from the last two parts has been cleaned and the GUI has been prettyfied.

This new code is available as a netbeans project.

Now that a schedule can be displayed , the next challenge is to be able to go to the individual tournaments. Therefore the tournament names need to be links to another JavaFx class, which will be dispayed next to the schedule.

The most easy way is to make a JavaFX class ScheduleRow which contains not only the text and format, but also the link to the tournamentpage. This then replaces the Group in the for loop in Schedule.fx.


   public function getSchedule(year:String):Node[] {
       var europeanTour = new EuropeanTour();
       if(tournaments == null) {
           var schedule = europeanTour.getSchedule();
           tournaments = [
                   for (tournament in schedule) {
                       counter++;
                       var yposition  = counter * (tournamentFontSize + tournamentFontSize/2);
                       ScheduleRow {
                           tournament: tournament
                           tournamentFontSize: tournamentFontSize
                           tournamentlink: "link"
                           width:width
                           y: yposition
                          
                       }
                  }
               ];
       } else {
           tournaments = [];
       }
   }

The new getSchedule() method in Schedule.fx


import javafx.scene.CustomNode;
import javafx.scene.Node;
import javafx.scene.Group;
import javafx.scene.shape.Rectangle;
import javafx.scene.text.Text;
import javafx.scene.paint.Color;
import javafx.scene.paint.Stop;
import javafx.scene.text.Font;
import javafx.scene.paint.LinearGradient;

/**
* @author André Hogenkamp
*/

public class ScheduleRow extends CustomNode {

   public var tournamentlink: String;
   public var tournament: String;
   public var tournamentFontSize: Integer;
   public var width: Integer;
   public var y: Integer;

   function getRow() {
   }

   override function create() : Node {
       Group {
           content: [
               Rectangle {
                   x: 0
                   y: y
                   width: width
                   height: tournamentFontSize + tournamentFontSize/2
                   fill: LinearGradient {
                       startX: 0.0, startY: 0.0, endX: 0.0, endY: 1.0
                       proportional: true
                       stops: [ Stop { offset: 0.0 color: Color.rgb(40, 40, 40) },
                                Stop { offset: 1.0 color: Color.rgb(30, 30, 30) }
                            ]
                   }

               }
               Text {
                   content: tournament;
                   fill: Color.LIGHTGREY
                   font: Font {
                       size: tournamentFontSize
                   }
                   x: 5
                   y: y + tournamentFontSize + tournamentFontSize/4
               }
           ]

       }
   }

The new class ScheduleRow.fx

The method getSchedule() in EuropeanTour.java must now return a Java Object rather then a String[] because we need both the name and the link of the tournament. The new java class TournamentLink.java does this for us.

The new getValuesforClass() from Parser.java return a List of these Tournamentlink classes.

The new JavaFX class Tournament can then load this page to read the scores and display the default playerscores, the top10 players.

This class also let the user choose other views, such as players from a specified nation.

Golf and JavaFX, part 2

2009-01-04T13:16:00.015+01:00

In the first part of this series an chart was made to show a graph on a grid.

In this part the content for the page is extracted from the page www.europeantour.com.

Before the tournament data (which we eventually want) can be fetched, first the schedule of a year is fetched from the homepage. JavaFX does have a class for getting http requests, but doesnt have one for the parsing of html, so the htmlparser was used. In the end it was easier to do all the html work in Java and only the presentation in JavaFX.

A method that uses an xpath expression, a tagvalue and an attributename does the work of getting the url for the schedule page. The xpathexpression was used as a more general way of specifying which element would be needed, but in the end only the element name is used.


    /**
     * Returns the value of the requested attribute of the requested node.
     * 
     * @param xpath         The xPath expression to the requested node, including the nodename.
     * @param tagvalue      The value of the requested node.
     * @param attributeName The attributename of the requested attribute of the requested node.
     * @return              The value of the requested attribute of the requested node.
     * @throws javax.swing.text.BadLocationException
     */
    public String getAttributeValue(String xpath, String tagvalue, String attributeName) throws BadLocationException {
        String attributeValue = null;
        try {
            NodeList list = new NodeList ();
            String tagName = xpath.substring(xpath.lastIndexOf("/") + 1);
//            System.out.println("tagName = " + tagName);
            NodeFilter filter = new AndFilter(new NodeFilter[] {
                    new TagNameFilter(tagName),
                    new HasChildFilter(new RegexFilter(tagvalue, RegexFilter.MATCH)),
                    new HasAttributeFilter(attributeName)
            });
            for (NodeIterator e = parser.elements (); e.hasMoreNodes ();) {
                 e.nextNode ().collectInto (list, filter);
            }
//            System.out.println("list size = " + list.size());
            if(list.size() > 0) {
                TagNode node = (TagNode)list.elementAt(0);
                attributeValue =  node.getAttribute(attributeName);
            }
        } catch(ParserException px) {
            throw new BadLocationException(xpath, 0);
        }
        return attributeValue;
    }

The AndFilter does all the hard work for us, it is a nice way of finding the right element. From that we get the value of the 'href' attribute.

The fetching of the schedule (list of tournaments) is mostly the same. Except that a list is needed and that it must be from a childelement of the elements we look for (A 'TD' element with css class 'tournNameCell' and child element 'a' which contains the name of the tournament)


   /**
    * Gets a list of values for all elements that have the css class type given and a child element
    * with the specified name. The value is taken from the child element.
    *
    * @param xpath
    * @param classvalue
    * @param childElementName
    * @return
    * @throws javax.swing.text.BadLocationException
    */
   public List getElementValuesForClass(String xpath, String classvalue, String childElementName) throws BadLocationException {
       List tournamentNames = new ArrayList();
       try {
           NodeList list = new NodeList ();
           String tagName = xpath.substring(xpath.lastIndexOf("/") + 1);
//            System.out.println("tagName = " + tagName);
           NodeFilter filter = new AndFilter(new NodeFilter[] {
                   new TagNameFilter(tagName),
                   new HasAttributeFilter("class", classvalue)
           });
           for (NodeIterator e = parser.elements (); e.hasMoreNodes ();) {
                e.nextNode ().collectInto (list, filter);
           }
//            System.out.println("list size = " + list.size());
           for (int i = 0; i < list.size(); i=i+2) {
               TagNode node = (TagNode)list.elementAt(i);
               NodeList childList = new NodeList();
               NodeFilter childFilter = new TagNameFilter(childElementName);
               for (NodeIterator e = node.getChildren().elements(); e.hasMoreNodes();) {
                     e.nextNode().collectInto(childList, childFilter);
               }
               TagNode childNode = (TagNode)childList.elementAt(0);
               String tournamentLink = childNode.getText();
               NodeList textChildList = new NodeList();
               NodeFilter textChildFilter = new NodeClassFilter(TextNode.class);
               for (NodeIterator e = childNode.getChildren().elements(); e.hasMoreNodes();) {
                     e.nextNode().collectInto(textChildList, textChildFilter);
               }
               String tournamentName = textChildList.elementAt(0).getText();
               tournamentNames.add(tournamentName);
//            System.out.println("list item = " + tournamentName);
           }
       } catch(ParserException px) {
           throw new BadLocationException(xpath, 0);
       }
       return tournamentNames;
   }

The method in the EuropeanTour class puts it all together.


import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import java.util.logging.Level;
import java.util.logging.Logger;
import javax.swing.text.BadLocationException;

/**
 *
 * @author André Hogenkamp
 */
public class EuropeanTour {
    private static final String EUROPEANTOUR_URL = "http://www.europeantour.com/";

    /**
     * returns a schedule from the european tour as a String array.
     * 
     * @return
     */
    public String[] getSchedule() {
        List schedule = new ArrayList();
        try {
            HtmlParser parser = new HtmlParser(EUROPEANTOUR_URL);
            parser.parse();
            String scheduleUrl = parser.getAttributeValue("/html/body/table[1]/tr[2]/td/ul/li[6]/ul/li[4]/a", "Schedule", "href");
//            System.out.println("scheduleUrl:" + scheduleUrl);
            if(scheduleUrl != null) {
                parser = new HtmlParser(scheduleUrl);
                parser.parse();
                schedule = parser.getElementValuesForClass("/html/body/table/tr[4]/td/table/tr/td[2]/table/tr/td/div/div/table/tr/td", "tournNameCell", "a");
//                System.out.println("schedule length:" + schedule.size());
            }
        } catch (IOException ex) {
            Logger.getLogger(HtmlParser.class.getName()).log(Level.SEVERE, null, ex);
        } catch (BadLocationException blx) {
            Logger.getLogger(HtmlParser.class.getName()).log(Level.SEVERE, null, blx);
        }
        String[] scheduleArray = new String[schedule.size()];
        return (String[]) schedule.toArray(scheduleArray);
    }

}

Now the presentation part.

The main page is just a simple one for now. It shows a list of years (the idea is to get the schedule for that year, but i don't know if that wil work, since the europeantour page does not have that functionality :-( ) and the schedule for that year (2009 for now)


import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.text.Text;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import javafx.scene.layout.VBox;
import javafx.scene.layout.HBox;
import javafx.scene.paint.Color;

/**
* @author André Hogenkamp
*/

var schedule = Schedule {
            year: "2009";
                };

Stage {
title: "Golf scores"
width: 500
height: 800
scene: Scene {
fill: Color.BLACK
content:
[
    VBox {
        spacing: 5
        content:
        [
            Text {
                content: "2009 2008"
                fill: Color.WHITE
                font: Font.font("Helvetica", FontWeight.BOLD, 16)
                y: 16
            }
            HBox {
                spacing: 5
                translateY: 50
                content: [
                    schedule
                ]
            }
        ]
    }
]
}
}

The VBox and HBox should space the containing nodes, but this does not seem to work. Maybe the used custom nodes are not complete yet.
The schedule class formats the schedule for printing on the screen. A Text node with 'Schedule' and the year followed by the list of tournaments. Content was a Text[] since the tournamet list contains only Text nodes, but was changed to a Node[] to make a group of the Text nodes and be able to change tre position.


import javafx.scene.CustomNode;
import javafx.scene.Node;
import javafx.scene.text.Text;
import javafx.scene.Group;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import javafx.scene.text.FontWeight;
import nl.tikal.sport.golf.net.EuropeanTourFx;

/**
* @author André Hogenkamp
*/

public class Schedule extends CustomNode {
public var year: String = "2009";

var content: Node[];

def tour: EuropeanTourFx = EuropeanTourFx {
}

/**
* The grid contains lines to form a grid.
*/
var schedule : Group = Group {
content: bind [
    Text {
        content: "Schedule {year}"
        fill: Color.WHITE
        font: Font.font("Helvetica", FontWeight.BOLD, 16)
    }
    Group {
        content: content
        translateY: 20
    }
]
}

public function getSchedule(year:String):Node[] {
content = tour.getTournaments();
}

override function create() : Node {
getSchedule(year);
schedule;
}

}

The list is filled from the EuropeanTourFx.getTournaments() method, which get its information from the java class EuropeanTour.


import javafx.scene.text.Text;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import java.lang.System;

/**
* @author André Hogenkamp
*/

public class EuropeanTourFx {

var tournaments: Text[];
var fontSize = 12;
var counter = -1;

public function getTournaments() :Text[] {
var europeanTour = new EuropeanTour();
if(tournaments == null) {
    var schedule = europeanTour.getSchedule();
    tournaments = [
            for (tournament in schedule) {
                counter++;
                Text {
                    content: tournament;
                    fill: Color.YELLOW
                    font: Font {
                        size: fontSize
                    }
                    y: counter * fontSize
                };
            }
        ];
} else {
    tournaments = [];
}
}

The for loop returns the last element therefore the counter++ is the first expression and the counter is initialised at -1.

When run it looks like

It is still basic, but it does what it should do.

Golf and JavaFX, part 1

2008-12-17T19:35:00.027+01:00

Since i am both a fan of golf and JavaFX, it would be nice to combine both.

One thing that i think is missing from the scoreboards on the european tour (or race to dubai as it's now called) is a trace of the position of the players. Yes you can see their current position and thier starting position, but not how they got there.

So let's make a chart that tracks those positions.

The goal

We will start with a drawing of how the endresult will look like.

Just a simple grid with two lines.

I can think of more to put in, but for now this will do.

Since we need a line chart, we'll start with that.
A line chart is a combination of a grid and a line graph.

First the grid

The variables for a grid are the number of lines (both vertical and horizontal) and their color and the size of the grid. So these were made public vars.

We want the lines to be neatly spaced out over the whole width and height, so we compute them by dividing the width with the nnumber of horizontal lines. The sequence xcoords than stores these horizontal coordinates. The sequence ycoords than does the same for the vertical coordinates. The sequences xcoordindex and ycoordindex are used for navigating through the *coords sequences.

The var grid defines the Group with the lines and the create() function creates the Grid node.


/*
* Grid.fx
*
* Created on Dec 16, 2008, 9:42:15 PM
*/

package nl.tikal.javafx.scene.chart;

import javafx.scene.paint.Color;
import javafx.scene.CustomNode;
import javafx.scene.Group;
import javafx.scene.Node;
import javafx.scene.shape.Line;

/**
* @author André Hogenkamp
*/

public class Grid extends CustomNode {
public var stroke: Color;
public var width: Number;
public var height: Number;
public var horizontallines: Integer;
public var verticallines: Integer;

public def xcoords = [0..width step width/horizontallines];
public def ycoords = [0..height step height/verticallines];
def xcoordindex = [0..horizontallines];
def ycoordindex = [0..verticallines];

/**
* The grid contains lines to form a grid.
*/
def grid : Group = Group {
content: [
   for (x in xcoordindex) {
       Line {
           stroke: stroke
           startX: 0
           startY: ycoords[x]
           endX: width
           endY: ycoords[x]
       }
   }
   for (y in ycoordindex) {
       Line {
           stroke: stroke
           startX: xcoords[y]
           startY: 0
           endX: xcoords[y]
           endY: height
       }
   }
]
}

override function create() : Node {
grid
}
}

Next the linegraphs.

The variables for a linegraph are the stroke color and width, the size of the linegraph and the point that make up the linegraph. So these were made public vars again. Most of the code is the same as for the grid, except of course that this draws a line instead of a grid ;-)


/*
 * LineGraph.fx
 *
 * Created on Dec 16, 2008, 10:29:08 PM
 */

package nl.tikal.javafx.scene.chart;

import javafx.scene.CustomNode;
import javafx.scene.Node;
import javafx.scene.paint.Color;
import javafx.scene.Group;
import javafx.scene.shape.Line;
import javafx.scene.shape.LineTo;
import javafx.scene.shape.Path;
import javafx.scene.shape.MoveTo;

/**
 * @author André Hogenkamp
 */

public class LineGraph extends CustomNode {
    public var strokeColor: Color;
    public var strokeWidth: Integer;
    public var width: Number;
    public var height: Number;
    public var horizontallines: Integer;
    public var verticallines: Integer;
    public var linepoints: GridPoint[];

    public def xcoords = [0..width step width/horizontallines];
    public def ycoords = [0..height step height/verticallines];
    def reversedycoords = reverse ycoords;
    def coordindex = [0..verticallines - 1];
    var point1 = linepoints[0];

    /**
     * The lineGraph contains a path to form a graph.
     */
    def lineGraph : Group = Group {
        content: [
            Path {
                stroke: strokeColor
                strokeWidth: strokeWidth
                elements: [
                    MoveTo {x: xcoords[point1.x] y: reversedycoords[point1.y]}
                    for (x in coordindex) {
                        var point = linepoints[x];
                        LineTo {x: xcoords[point.x] y: reversedycoords[point.y]}
                    }
                ]
            }
        ]
    }

    override function create() : Node {
        lineGraph
    }
}

For a complete lineChart we combine the grid and the linegraph. A lineChart can contain more than one linegraph, so this variable is a sequence of lineGraphs. There is also a variable to show or hide the grid.


/*
 * LineChart.fx
 *
 * Created on Dec 17, 2008, 8:25:31 PM
 */

package nl.tikal.javafx.scene.chart;

import javafx.scene.CustomNode;
import javafx.scene.Node;
import javafx.scene.Group;

/**
 * @author André Hogenkamp
 */

public class LineChart extends CustomNode {

    public var grid: Grid;
    public var showGrid: Boolean;
    public var lineGraphs: LineGraph[];

    /**
     * The grid contains lines to form a grid.
     */
    def lineChart : Group = Group {
        content: [
            grid, lineGraphs
        ]
    }

    override function create() : Node {
        lineChart
    }

}

So far for this first part. In the next part the pagedata is read from the htmlpage.