Paddy's Weblog

Extend an existing UI component in JavaFX 2.0

2011-11-17T22:39:00.000+01:00

Last year, I coded a custom component on JavaFX 1.x, then naturally I wished to rewrite it on JavaFX 2.0.
To do this, i tried different solutions, like creating to a totally new component with this method.

But, it isn't a great solution when you want to customize or to enhance an existing component, like I want to do.
To rewrite my custom component, I chose to extend an existing control (TextField in my case) and its skin, because you cannot add content directly in the control but you can do that in its skin.

Description of the implementation

My control's class ( SearchTextBox ) extends the TextField's control and implements my SearchTextBox events (crossButtonOnMouseClicked & searchEvent).
And my skin's class ( SearchTextBoxSkin ) extends TextFieldSkin to add the reset button in the original TextField.
I also created a new EventType ( SearchTextBoxEvent ) to manage the searchEvent.

The component code

SearchTextBox.java

package com.paddyweblog.control;

import javafx.event.EventHandler;
import javafx.scene.control.TextField;
import javafx.scene.input.*;

public class SearchTextBox extends TextField{
    
    SearchTextBoxSkin searchTextBoxSkin = new SearchTextBoxSkin(this);
    
    EventHandler searchEventHandler = null;
    
    EventHandler crossButtonEventHandler = null;
    
    SearchTextBox searchTextBox = this;
        
    public SearchTextBox(){
        super();
        this.setSkin(searchTextBoxSkin); 
        
        this.setOnKeyReleased(new EventHandler<KeyEvent>(){        
            
            final KeyCombination combo = new KeyCodeCombination(KeyCode.TRACK_NEXT);

            @Override
            public void handle(KeyEvent t) {
                
                    t.consume();
        
                    SearchTextBoxEvent e = new SearchTextBoxEvent(searchTextBox.getText()+t.getCharacter());
    
                    searchEventHandler.handle(e);
            }
            
        });     
        
        searchTextBoxSkin.crossButton.setOnMouseClicked(new EventHandler<MouseEvent>() {

            @Override
            public void handle(MouseEvent t) {
                    searchTextBox.setText("");
                    if (crossButtonEventHandler!=null){
                        crossButtonEventHandler.handle(t);   
                    }
            }
            
        });
    }  
    
    public void crossButtonOnMouseClicked(EventHandler eventHandler){
        crossButtonEventHandler = eventHandler;
    }
    
    public void searchEvent(EventHandler eventHandler){
        searchEventHandler = eventHandler;
    }   
}

SearchTextBoxSkin.java

package com.paddyweblog.control;

import com.sun.javafx.scene.control.skin.TextFieldSkin;
import javafx.beans.binding.DoubleBinding;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Group;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.scene.shape.Rectangle;


public class SearchTextBoxSkin extends TextFieldSkin{
    
    SearchTextBox searchTextBox;
    
    Group crossButton = new Group();
    
    public SearchTextBoxSkin(final SearchTextBox searchTextBox){
     
        super(searchTextBox);
        this.searchTextBox = searchTextBox;
        
        crossButton.setFocusTraversable(false);
               
        DoubleBinding crossWidth = searchTextBox.heightProperty().multiply(0.45);
        DoubleBinding crossHeight = searchTextBox.heightProperty().multiply(0.05);
                
        Circle circle = new Circle();
        circle.setFill(Color.GRAY);       
        circle.radiusProperty().bind(searchTextBox.heightProperty().multiply(0.325));
        circle.setFocusTraversable(false);
        
        Rectangle rect1 = new Rectangle();
        rect1.widthProperty().bind(crossWidth);
        rect1.heightProperty().bind(crossHeight);
        rect1.setFill(Color.WHITE);
        rect1.setRotate(45);
        rect1.translateXProperty().bind(crossWidth.divide(2).negate());
        rect1.translateYProperty().bind(crossHeight.divide(2).negate());
        rect1.setFocusTraversable(false);
        
        Rectangle rect2 = new Rectangle();
        rect2.widthProperty().bind(crossWidth);
        rect2.heightProperty().bind(crossHeight);
        rect2.setFill(Color.WHITE);
        rect2.setRotate(-45);
        rect2.translateXProperty().bind(crossWidth.divide(2).negate());
        rect2.translateYProperty().bind(crossHeight.divide(2).negate());
        rect2.setFocusTraversable(false);
        
        crossButton.getChildren().add(circle);
        crossButton.getChildren().add(rect1);
        crossButton.getChildren().add(rect2);
        
        crossButton.translateXProperty().bind(searchTextBox.widthProperty().subtract(searchTextBox.heightProperty()));        
        
        crossButton.visibleProperty().bind(searchTextBox.textProperty().greaterThan(""));
                        
        getChildren().add(crossButton);
        SearchTextBoxSkin.setAlignment(crossButton,Pos.CENTER_LEFT);
        this.setPadding(new Insets(3,17,3,3));
    }
}

SearchTextBoxEvent.java

package com.paddyweblog.control;

import javafx.event.Event;
import javafx.event.EventType;

public class SearchTextBoxEvent extends Event {
    
    public static final EventType<SearchTextBoxEvent> SEARCHTEXTBOXEVENT = new EventType(Event.ANY, "SEARCHTEXTBOXEVENT");
    
    public SearchTextBoxEvent(String text){
        super(SEARCHTEXTBOXEVENT);
        this.text = text;
    }
    
    private String text;

    public String getText() {
        return text;
    }

    public void setText(String text) {
        this.text = text;
    }   
    
}

The Application code, to test the SearchTextBox component

SearchTextBoxControl.java

package searchtextboxcontrol;

import com.paddyweblog.control.SearchTextBox;
import com.paddyweblog.control.SearchTextBoxEvent;
import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.input.MouseEvent;
import javafx.stage.Stage;

public class SearchTextBoxControl extends Application {

    public static void main(String[] args) {
        Application.launch(args);
    }
    
    @Override
    public void start(Stage primaryStage) {
        primaryStage.setTitle("Test SearchTextBox control");
        Group root = new Group();
        Scene scene = new Scene(root, 300, 250);
        Button btn = new Button();
        btn.setLayoutX(10);
        btn.setLayoutY(100);
        btn.setText("just a button to change focus");
        btn.setOnAction(new EventHandler<ActionEvent>() {

            public void handle(ActionEvent event) {
                System.out.println("just a button to change focus");
            }
        });
        root.getChildren().add(btn);
        
        SearchTextBox stb = new SearchTextBox();

        stb.setLayoutX(10);
        stb.setLayoutY(50);
        stb.setPrefWidth(150);
        stb.crossButtonOnMouseClicked(new EventHandler<MouseEvent>(){

            @Override
            public void handle(MouseEvent t) {
               System.out.println("CrossButtonOnMouseClicked");
            }
            
        });
        
        stb.searchEvent(new EventHandler<SearchTextBoxEvent>(){
    
            public void handle(SearchTextBoxEvent t) {
                
                System.out.println("searchEventHandler : "+t.getText());
            }
            
        });                
        
        root.getChildren().add(stb);         
        
        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

Get the NetBeans project

Note: You probably should to change the Java Platform from the projet properties>librairies (to choose your JavaFX 2.0 Platform) to run the project in NetBeans

A very simple example using FXML (JavaFX 2.0 b37)

2011-08-04T21:03:00.003+01:00

update August 05, 2011: cleaner code and runs in b38.

This example is a very simple JavaFX application using FXML. It could certainly be improved, but it's just enough to begin to play.

The application is made up of 3 files, which are:

· The FXML file

Screen1.xml

<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import fxml.MyGroup?> 

<MyGroup xmlns:fx="http://javafx.com/fxml">    
    <children>      
        <Button text="Click Me!" onAction="#handleButtonAction" />
        <Label  fx:id="label" translateX="0" translateY="30" text=""/>  
    </children>
</MyGroup >

· The Java class which maps the MyGroup's tag in the FXML file and handles the button’s event

MyGroup.java

package fxml;

import java.net.URL;
import java.util.Map;
import javafx.event.ActionEvent;
import javafx.fxml.Bindable;
import javafx.fxml.FXML;
import javafx.fxml.Resources;
import javafx.scene.Group;
import javafx.scene.control.Label;


public class MyGroup extends Group implements Bindable{
    
    @FXML private Label label;
    
    @FXML private void handleButtonAction(ActionEvent event) {
        System.out.println("You clicked me!");
        label.setText("Hello World !");        
    }

   public void initialize(Map<String, Object> namespace, URL location, Resources resources) {
     
    }
}

· The main class which loads the FXML file, transforms it to JavaFX object graph and adds it in to the scene of the JavaFX application.

TestFXML.java

package fxml;

import java.io.IOException;
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Scene;
import javafx.stage.Stage;


public class TestFXML extends Application {

    public static void main(String[] args) {
        Application.launch(TestFXML.class, args);
    }

    @Override
    public void start(Stage primaryStage) {
        
        MyGroup myGroup = null;
        
        try{
            myGroup = (MyGroup) FXMLLoader.load(TestFXML.class.getResource("fxml/Screen1.xml"));
        }catch (IOException ioe){
            ioe.printStackTrace();
        }

        primaryStage.setTitle("Test FXML");
        primaryStage.setWidth(320);
        primaryStage.setHeight(200);

        Scene scene = new Scene(myGroup);
        primaryStage.setScene(scene);

        primaryStage.setVisible(true);
    }
}

Get the NetBeans project

Note: All that I have coded for this small example is based on: Introduction FXML from Jonathan Giles

original project (August 04, 2011)

Duke Anim in JavaFX 2.0 (b36)

2011-07-22T22:09:00.004+01:00

This post is just the porting of DukeAnim in JavaFX 2.0 b36.

I tried to have the same structure (UI and Model in different classes) that I had for Duke Anim in JavaFX Script.
The only true change is in the code of the event action for the KeyFrame.
The KeyValue is now immutable and the Set of KeyValues in the KeyFrame is also immutable, so I have to create one new KeyFrame with its news KeyValues, in every event action.

DukeAnim.java

package dukeanim;

import javafx.animation.Interpolator;
import javafx.animation.KeyFrame;
import javafx.animation.KeyValue;
import javafx.animation.Timeline;
import javafx.application.Application;
import javafx.beans.property.IntegerProperty;
import javafx.builders.GroupBuilder;
import javafx.builders.ImageViewBuilder;
import javafx.builders.SceneBuilder;
import javafx.builders.TimelineBuilder;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.stage.Stage;
import javafx.util.Duration;

public class DukeAnim extends Application {
    
    public static void main(String[] args) {
        Application.launch(DukeAnim.class, args);
    }
    
    @Override
    public void start(Stage stage) {
        
        DukeAnimModel dukeAnimModel  = new DukeAnimModel();
        dukeAnimModel.timeline.play();
        
        stage.setTitle("DukeAnim JavaFX 2.0(b36)");
        
        ImageView imageView;
        
        Scene scene =  SceneBuilder.create()
            .width(240)
            .height(320)
            .root(GroupBuilder.create()
                .children(
                    imageView = ImageViewBuilder.create()
                        .image(new Image(
                            DukeAnim.class.getResourceAsStream("images/duke.png")
                            )
                         )                        
                    .build()
                )
                .build())
            .build();

        imageView.xProperty().bind(dukeAnimModel.x);
        imageView.yProperty().bind(dukeAnimModel.y); 
                
        stage.setScene(scene);                
        stage.setVisible(true);       
    }
}

class DukeAnimModel {

    private EventHandler action = new EventHandler<ActionEvent>() {

        public void handle(ActionEvent t) {
            System.out.println("x : " + x);
            System.out.println("y : " + y);

            int xTarget = (new Double(java.lang.Math.random() * 240 + 1)).intValue();
            int yTarget = (new Double(java.lang.Math.random() * 240 + 1)).intValue();

            System.out.println("xTarget : " + xTarget);
            System.out.println("xTarget : " + yTarget);

            KeyFrame kf1s = buildKeyFrame(xTarget, yTarget);

            timeline.stop();
            timeline.getKeyFrames().remove(0);
            timeline.getKeyFrames().add(kf1s);
            timeline.play();

        }
    };

    private KeyFrame buildKeyFrame(int xTarget, int yTarget) {

        Duration t1 = Duration.valueOf(1000);
        KeyValue kvx1s = new KeyValue(x, xTarget, Interpolator.SPLINE(0, 0.5, 0.5, 1));
        KeyValue kvy1s = new KeyValue(y, yTarget, Interpolator.SPLINE(0, 0.5, 0.5, 1));
        KeyFrame kf1s = new KeyFrame(t1, action, kvx1s, kvy1s);

        return kf1s;
    }
    
    public IntegerProperty x = new IntegerProperty(0);
    public IntegerProperty y = new IntegerProperty(0); 
   
    public Timeline timeline = TimelineBuilder.create()
            .autoReverse(true)
            .cycleCount(Timeline.INDEFINITE)
            .keyFrames(               
                buildKeyFrame(0,0)
                )
            .build();      
     
}

Get the NetBeans project …
Build it and run it!

Droid Anim – Android 3.0

2011-06-22T21:34:00.000+01:00

When I wanted to try JavaFX 1.x and more particularly the animations, I wrote Duke Anim, and Duke Anim in JavaFX 1.3.
So when I wanted to try the new animation API in Android 3.0, I wrote Droid Anim.

This little application is pretty simple and shows how to use some part of the new animation API in Android 3.0
And how to launch the animation and get the width and the height of the View, just after the View becomes visible, by using the View.post method to add an action in the UI message queue and.

Anim.java

package com.blogspot.paddywebog;

import java.util.Random;

import android.animation.Animator;
import android.animation.ObjectAnimator;
import android.animation.ValueAnimator;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.animation.AccelerateDecelerateInterpolator;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class Anim extends Activity {

    ObjectAnimator xAnim = null;
    ObjectAnimator yAnim = null;

    @Override
    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        LayoutInflater li = getLayoutInflater();
        View v = li.inflate(R.layout.main, null);
        setContentView(v);

        v.post(new Runnable() {

            public void run() {

                ImageView img = (ImageView) findViewById(R.id.imageView1);

                Bitmap bMap = BitmapFactory.decodeResource(getResources(), R.drawable.android);

                img.setImageBitmap(bMap);

                Point p = generateNextPoint();

                xAnim = ObjectAnimator.ofFloat(img, "translationX", 0.f, p.getX());
                xAnim.setDuration(3000);
                xAnim.setInterpolator(new AccelerateDecelerateInterpolator());
                xAnim.setRepeatCount(ValueAnimator.INFINITE);

                yAnim = ObjectAnimator.ofFloat(img, "translationY", 0.f, p.getY());
                yAnim.setDuration(3000);
                yAnim.setInterpolator(new AccelerateDecelerateInterpolator());
                yAnim.setRepeatCount(ValueAnimator.INFINITE);

                xAnim.addListener(new Animator.AnimatorListener() {

                    public void onAnimationStart(Animator animation) {
                    }

                    public void onAnimationRepeat(Animator animation) {

                        Point p = generateNextPoint();

                        Float x = (Float) xAnim.getAnimatedValue();
                        xAnim.setFloatValues(x, p.getX());

                        Float y = (Float) yAnim.getAnimatedValue();
                        yAnim.setFloatValues(y, p.getY());
                    }

                    public void onAnimationCancel(Animator animation) {
                    }

                    public void onAnimationEnd(Animator animation) {
                    }
                });

                xAnim.start();

                yAnim.start();
            }
        });
    }

    public Point generateNextPoint() {

        Bitmap bMap = BitmapFactory.decodeResource(getResources(), R.drawable.android);

        LinearLayout layout = (LinearLayout) findViewById(R.id.linearLayout1);
        int lWidth = layout.getWidth();
        int lHeight = layout.getHeight();

        int width = lWidth - bMap.getWidth();
        int height = lHeight - bMap.getHeight();

        Random generator = new Random();

        Float xTarget = (generator.nextFloat() * width + 1);
        Float yTarget = (generator.nextFloat() * height + 1);

        return new Point(xTarget, yTarget);
    }
}

class Point {

    private Float x;
    private Float y;

    Point(Float x, Float y) {
        this.x = x;
        this.y = y;
    }

    public Float getX() {
        return x;
    }

    public void setX(Float x) {
        this.x = x;
    }

    public Float getY() {
        return y;
    }

    public void setY(Float y) {
        this.y = y;
    }

    public String toString() {
        StringBuilder sb = new StringBuilder();

        sb.append("x = ");
        sb.append(x);
        sb.append(" ; y = ");
        sb.append(y);

        return sb.toString();
    }
}

The source code, usable with eclipse, is available on github.

JavaFX 2.0 Beta is there!

2011-05-26T17:51:00.002+01:00

JavaFX 2.0 Beta has been released, but only for Windows* :(
http://www.oracle.com/technetwork/java/javafx/overview/index.html

For download it:
http://www.oracle.com/technetwork/java/javafx/downloads/index-jsp-136193.html

*Update 9 may 2011: JavaFX will be cross platform - Richard Bair
http://fxexperience.com/2011/05/is-javafx-2-0-cross-platform/

The documentation of the JavaFX 2.0 Beta is there

2011-05-26T10:22:00.000+01:00

Even if JavaFX 2.0 Beta isn’t out yet, the documentation is already there
http://download.oracle.com/javafx/index.html

JavaFX 2.0 Early Access and Beta Program

2011-02-09T22:24:00.006+01:00

JavaFX 2.0 Early Access is available for the JavaFX Partners, the JUG Leaders, and the Java Champions.

I'm not a JavaFX Partner, nor a JUG Leader or a Java Champion (even with my last name ;) ), but in the form to sign up to participate in the Early Access and Beta program there is an item "Other".

So, because i'm a JavaFX enthusiast, I signed up as "Other" …

And may be, with a little luck, I could have an access to the Early Access and Beta Program !

Some tips for newbies developers on Android 2.2 (like me)

2010-12-12T22:41:00.004+01:00

The tips are :

Know the devices which are connected
Deploy your application on real devices
Deploy your application on SD Card
Know the location (internal or SD Card) of your application and move it or stop it

Know the devices which are connected

On your computer, open the terminal (command prompt on windows) and launch the command:
android-sdk/tools/adb devices

Deploy your application on real devices

Stop your Android emulator
Connect your Android device to your computer with an USB cable
(on Windows, may be you should install USB driver for adb. Me, I use a Mac ;) )
On your Android device, enable USB debugging
Settings>Applications>Development>USB debugging
On your computer, open the terminal (command prompt on windows) and launch the command:
android-sdk/tools/adb install path/file.apk

Where path is the path of your application packaged in APK and file is the name of your APK file.

Your application is installed!

Deploy your application on SD Card

The procedure to deploy your application on SD Card, instead of Internal memory, is pretty similar to the procedure above.

You have just to :

add the android:installLocation attribute with the value auto in the AndroidManifest.xml file.
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
android:installLocation="auto"
...

For more informations on this attribute, read : App Install Location

deploy your application with the command:
adb install -s path/file.apk

Know the location (internal or SD Card) of your application and move it or stop it

Knowing the location of an application is very easy on Android 2.2.

On your Android device go to: Manage applications

Settings>Applications>Manage applications

And if you select an application, you can move this application (if it's possible) to the SD Card or to the internal memory of your device.

You can even force stop of this application

RESTful client in JavaScript

2010-11-11T01:04:00.008+01:00

In the line of my posts regarding consumption of JSON RESTful services in different technologies (JavaFX, Java), I wrote a small client in JavaScript.
As in my previous posts, I use the RESTful service described in RESTful service with JAX-RS (and JPA 2 for the access to the data.

Write a Restful client in JavaScript is relatively easy.
First you have to use Ajax to call the Restful service

                var req = null;
                        
                if (begining.length==0){
                    document.getElementById("result").innerHTML="";
                    return;
                }
                         
                if (window.XMLHttpRequest){
                    req =new XMLHttpRequest();
                }
                else {
                    req = new ActiveXObject("Microsoft.XMLHTTP");
                }
                  
                // var url="http://localhost:8080/RESTfulServices/rs/ArtisteNameBeginningBy/" + begining;
                var url="http://192.168.1.17:8080/RESTfulServices/rs/ArtisteNameBeginningBy/" + begining;
                        
                req.onreadystatechange = function () {
                        
                    if (req.readyState == 4 && req.status == 200) {

                        // do something with the results

                    } else {
                        // wait for the call to complete
                    }
                }
                req.open("GET",url,true);
                req.send(null);
            }

Then, because JSON is a subset of the object literal notation of JavaScript, you only have to use the eval() function to convert a JSON text to a JavaScript object.

var ret = eval ('('+req.responseText+')');

And finally, do something with the result.
In my case, the writeResult() function is used to dynamically display the result in a html table.

full source code of the example

restfulClient.html

<htlm>
    <head>
        <script type="text/javascript">
                
            function getArtisteNameBeginningBy(begining){
                        
                var req = null;
                        
                if (begining.length==0){
                    document.getElementById("result").innerHTML="";
                    return;
                }
                         
                if (window.XMLHttpRequest){
                    req =new XMLHttpRequest();
                }
                else {
                    req = new ActiveXObject("Microsoft.XMLHTTP");
                }
                  
                // var url="http://localhost:8080/RESTfulServices/rs/ArtisteNameBeginningBy/" + begining;
                var url="http://192.168.1.17:8080/RESTfulServices/rs/ArtisteNameBeginningBy/" + begining;
                        
                req.onreadystatechange = function () {
                        
                    if (req.readyState == 4 && req.status == 200) {

                        var ret = eval ('('+req.responseText+')');
                        
                        writeResult(ret);

                    } else {
                        // wait for the call to complete
                    }
                }
                req.open("GET",url,true);
                req.send(null);
            }

            function writeResult(ret){

                var tableRes = document.getElementById("tableRes");
                if (tableRes!=null){
                    document.getElementById("result").removeChild(tableRes);
                }

                if (ret!=null){

                    var table = document.createElement("table");
                    table.border = 1;
                    table.id = "tableRes";

                    for (i=0;i<ret.music.length;i++){

                        var id = ret.music[i].id;
                        var artisteName = ret.music[i].artisteName;
                        var albumTitle = ret.music[i].albumTitle;

                        var row = table.insertRow(i);

                        var cell1 = row.insertCell(0);
                        var valueCell1 = document.createTextNode(id);
                        cell1.appendChild(valueCell1);

                        var cell2 = row.insertCell(1);
                        var valueCell2 = document.createTextNode(artisteName);
                        cell2.appendChild(valueCell2);

                        var cell3 = row.insertCell(2);
                        var valueCell3 = document.createTextNode(albumTitle);
                        cell3.appendChild(valueCell3);


                    }

                    document.getElementById("result").appendChild(table);
                }

            }
        </script> 

    </head>

    <body>
        <input type="text" id="searchTextBox" onkeyup="getArtisteNameBeginningBy(this.value)"></input>
        <p>
            <span id="result"></span>
        <p>
    </boby>
</html>

Get the NetBeans project

RESTful client in Java

2010-10-10T16:52:00.004+01:00

Because JavaFX 2.0 will be a Java API, we shall have to use Java (or Groovy, Scala, JRuby,etc ... but this isn't the purpose of this post) instead of JavaFX Script for use it.
And because, the news UIs creates with JavaFX 2.0 will have to consume RESTtful JSON services, I wrote a small RESTful client in Java.
To do that, I use the JAXB's implementation for JSON from Jersey and for the RESTful service to be consume, the RESTful service wrote in an old post: RESTful service with JAX-RS (and JPA 2 for the access to the data)

If I compare with the client that I had written in JavaFX Script, it's easier to write a RESTFul client in Java/Jersey than in JavaFX Script because we don't have to write a parser (JavaFX' PullParser).
But, in Java, the beans are more verbose… (getter and setter)

Let's go for the code!

We have 2 Beans:

ListMusic, which maps the JSON array which is returned when calling the RESTful service.
Music, which maps one element of the JSON array

And the RestfulClient wich calls the RESTful service and parses the JSON result with Jersey.

RestfulClient.java

package restfulclient;

import com.sun.jersey.api.json.JSONJAXBContext;
import com.sun.jersey.api.json.JSONUnmarshaller;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;

public class RestfulClient {

       public static void main(String[] args) {

        try {
            URL url = new URL("http://localhost:8080/RESTfulServices/rs/ArtisteNameBeginningBy/Arc");
            HttpURLConnection connection = (HttpURLConnection)url.openConnection();
            connection.setRequestMethod("GET");
            connection.connect();

            InputStream responseStream = connection.getInputStream();

            JSONJAXBContext jc = new JSONJAXBContext(ListMusic.class);
            JSONUnmarshaller u = jc.createJSONUnmarshaller();

            ListMusic m = u.unmarshalFromJSON(responseStream,ListMusic.class);
            connection.disconnect();

            System.out.println(m.getMusic());

        }
        catch(java.net.MalformedURLException mue){
            mue.printStackTrace();
        }
        catch(java.io.IOException ioe){
            ioe.printStackTrace();
        }
        catch(javax.xml.bind.JAXBException jaxbe){
            jaxbe.printStackTrace();
        }
    }
}

ListMusic.java

package restfulclient;

import java.util.ArrayList;
import java.util.List;

public class ListMusic {

    List<Music> music = new ArrayList();

    public List<Music> getMusic() {
        return music;
    }

    public void setMusic(List<Music> music) {
        this.music = music;
    }
    

}

Music.java

package restfulclient;

import java.io.Serializable;
import javax.xml.bind.annotation.XmlRootElement;

@XmlRootElement
public class Music implements Serializable {

    private Long id;
    private String artisteName;
    private String albumTitle;

    public Music() {
    }

    public String getAlbumTitle() {
        return albumTitle;
    }

    public void setAlbumTitle(String albumTitle) {
        this.albumTitle = albumTitle;
    }

    public String getArtisteName() {
        return artisteName;
    }

    public void setArtisteName(String artisteName) {
        this.artisteName = artisteName;
    }

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    @Override
    public String toString(){

        StringBuilder sb = new StringBuilder();
        sb.append("id : ");sb.append(id);sb.append(" ; ");
        sb.append("artisteName : ");sb.append(artisteName);sb.append(" ; ");
        sb.append("albumTitle : ");sb.append(albumTitle);
        sb.append(" \n");

        return sb.toString();
    }

}

Get the NetBeans project

JavaFX 2.0 rebooted, round up of the links

2010-09-23T21:36:00.002+01:00

The roadmap: http://javafx.com/roadmap/

Richard Blair: http://fxexperience.com/2010/09/javafx-2-0/

Amy Fowler: http://amyfowlersblog.wordpress.com/2010/09/21/a-heartfelt-ramble-on-swing-javafx/

Osvaldo Pinali Doederlein: http://weblogs.java.net/blog/opinali/archive/2010/09/23/swing-20-coming

Stephen Chin : http://steveonjava.com/javafx-2-0/

Jonathan Giles : http://jonathangiles.net/blog/?p=916

Oracle Press Release: http://www.oracle.com/us/corporate/press/173728

Arcade Fire, Html 5, Google Chrome Experiment

2010-09-01T23:47:00.000+01:00

It’s not because I’m a big fan of Arcade Fire (Great Show at Rock en Seine, even under the rain) that I speak you of their last "clip", but I think it's a great demo of what we can make with html 5.

The "clip" of: We used to wait
http://www.thewildernessdowntown.com/

And the making of
http://www.chromeexperiments.com/arcadefire/

RESTful client in JavaFX

2010-08-01T15:41:00.001+01:00

In this second part, we are going to create a small application in JavaFX to call the restful service created in the first part.

This small application is the same as the one created in an older post : JavaFX and JPA 2.0 with my custom component, but instead of call directly the database with the help of an entity, we are going to call the restful service.

To create this application, we are going to create :

· a Music JavaFX Bean as model

· a client to the RESTFul services (and its JSON parser)

· an JavaFX User Interface

The model

The model is a simple JavaFX Bean which maps one element of the JSON array which is returned when we call the RESTful service

· An example of the JSON result when you call the service with: Arc as parameter

· the Music JavaFX Bean

Music.fx

package model;

public class Music {
    public var id: Long;
    public var artisteName: String;
    public var albumTitle: String;

    override public function toString():String {
         return "id: {id} ,artisteName: {artisteName} ,albumTitle: {albumTitle}"
  }
}

The Client

Now, let's write the client.

The client is composed of 2 methods:

· getArtisteNameBeginningBy, which calls the RESTful service by using the JavaFX's HttpRequest class

· parse, which parses the JSON flux. This method is called by the onInput callback of the HttpRequest class.

The parsing, in itself, uses the JavaFX PullParser to parse the JSON stream and fill the Music JavaFX Bean, and the array of Music JavaFX Bean as the result of the parse method.

MusicClient.fx

package client.rest;

import javafx.data.pull.Event;
import javafx.data.pull.PullParser;
import com.sun.javafx.data.pull.impl.StreamException;
import java.io.InputStream;
import model.Music;
import javafx.io.http.HttpRequest;
import javafx.io.http.URLConverter;

public class MusicClient {

 public var musics:Music[];

 public function getArtisteNameBeginningBy(begining :String) {

     println("begining {begining}");

     var urlConverter = URLConverter{encodeSpaceAsPercent:true};
     var beginings = urlConverter.encodeString(begining);

    var request: HttpRequest = HttpRequest {

        location: "http://localhost:8080/RESTfulServices/rs/ArtisteNameBeginningBy/{beginings}"
        method: HttpRequest.GET

        onInput: function(input: java.io.InputStream) {
            try {
                musics = parse(input);
                //println("musics {musics}");
            } finally {
                input.close();
            }
        }
    }

    request.start();

}

  function parse(input: InputStream): Music[] {

    var musics: Music[];
    var music: Music;

    def parser = PullParser {

        documentType:PullParser.JSON
        input: input

        onEvent: function(event: Event) {

            if (event.type == PullParser.START_ARRAY_ELEMENT) {
                if(event.name == "music" and event.level == 0) {
                    music = Music { };
                }
            } else
            if (event.type == PullParser.END_ARRAY_ELEMENT) {
                if(event.name == "music" and event.level == 0) {
                   insert music into musics;
                }
            } else {
                if(event.name == "id" and
                   event.level == 1 and
                   event.type == PullParser.TEXT ) {

                    music.id = java.lang.Long.parseLong (event.text);

                } else
                if(event.name == "artisteName" and
                   event.level == 1 and
                   event.type == PullParser.TEXT  ) {

                    music.artisteName = event.text;

                } else
                if(event.name == "albumTitle" and
                   event.level == 1 and
                   event.type == PullParser.TEXT ) {

                    music.albumTitle = event.text;
                }
            }
        }
    }
    try{
        parser.parse();
    }catch (e: StreamException){
       println(e.getMessage())
    }
    return musics;
  }
}

The UI

The UI is the same as the UI used in the post: the JavaFX and JPA 2.0 with my custom component[2] , except the calls to the client of the service by the SearchTextBox component.

Main.fx

package javafxrestfulclient;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.text.Text;
import javafx.scene.text.Font;
import javafx.scene.control.ListView;
import customcomponent.SearchTextBox;
import client.rest.MusicClient;

var mc:MusicClient = MusicClient{};

Stage {
    title: "Application title"
    width: 600
    height: 250
    scene: Scene {
        stylesheets : ["{__DIR__}resources/mac.css"]
        content: [
            Text {
                font: Font {
                    size: 16
                }
                x: 10
                y: 30
                content: "Search DB"
            }
            SearchTextBox {
                styleClass : "searchTextBox"
                translateX: 10
                translateY: 40
                onResetSearch: function () {
                   println("reset !");
                   delete mc.musics;
                }
                onSearch: function (s: String) {
                    println("Search of : {s}");

                    delete mc.musics;
                    mc.getArtisteNameBeginningBy(s);
                    
                }
            }

            ListView {
                managed: false
                layoutY: 75
                width: 575
                height: 100
                items: bind mc.musics

            }
        ]
    }
}

Get the NetBeans project

Stephen Chin's Petition to Open Source JavaFX

2010-07-15T18:31:00.000+01:00

If you like JavaFX , go to sign the Stephen Chin’s Petition to Open Source JavaFX !
http://steveonjava.com/javafx-petition/

RESTful service with JAX-RS (and JPA 2 for the access to the data)

2010-07-04T22:28:00.001+01:00

This is the first part of two, which have for purpose to create a RESTful service with JAX-RS (part 1) and to access it in JavaFX (part 2)

In this first part, we will create a RESTful service using JAX-RS and because this service will have an access to a database, we will use JPA 2.0.

To do that, we are going:

to create the database and one table
to create a data source
to create the JPA entity and the persistence.xml
and to create the RESTful service which will call the entity

Create the database and the table

for the database and the the table, we'll re-use the derby database and the table created for the post : Examples using JPA 2.0.

Create a data source

Create a data source named jdbc/javafxDB and connected to the database in your application server.
For Glassfish V3, create :

◦ One Connection pools for Derby named JavafxDBPool and with the parameters to access to the database.
For the parameters you should have something like this.

◦ One JDBC Resources with jdbc/javafxDB as JNDI Name and JavafxDBPool as Pool Name

The Entity and the persistance.xml

The entity is almost the same one as the entity created for the post : Examples using JPA 2.0.
I just added

◦ One named query which will be used by the RESTful service

@NamedQuery(name = "findAllAlbumWhereArtisteLike",query="select m from Music m where m.artisteName like :param")

◦ And the annotation @XmlRootAnnotation for the JAXB serialization

@XmlRootElement
public class Music implements Serializable {

Music.java

      package paddy.entities;

import java.io.Serializable;
import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.Id;
import javax.persistence.NamedQueries;
import javax.persistence.NamedQuery;
import javax.xml.bind.annotation.XmlRootElement;

/**
 *
 * @author Patrick
 */
@Entity
@NamedQueries({
   @NamedQuery(name = "findAllAlbum", query= "select m from Music m"),
   @NamedQuery(name = "findAllAlbumWhereArtisteLike",query="select m from Music m where m.artisteName like :param")
})

@XmlRootElement
public class Music implements Serializable {

    @Id
    @GeneratedValue
    private Long id;
    @Column(name = "artist_name")
    private String artisteName;
    @Column(name = "album_title")
    private String albumTitle;

    public Music() {
    }

    public String getAlbumTitle() {
        return albumTitle;
    }

    public void setAlbumTitle(String albumTitle) {
        this.albumTitle = albumTitle;
    }

    public String getArtisteName() {
        return artisteName;
    }

    public void setArtisteName(String artisteName) {
        this.artisteName = artisteName;
    }

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    @Override
    public String toString(){

        StringBuilder sb = new StringBuilder();
        sb.append("id : ");sb.append(id);sb.append(" ; ");
        sb.append("artisteName : ");sb.append(artisteName);sb.append(" ; ");
        sb.append("albumTitle : ");sb.append(albumTitle);
        sb.append(" \n");

        return sb.toString();
    }
}

The persistence.xml file is very simple, it contains only:

◦ The name of the data source

jdbc/javafxDB

◦ And the entity managed by the persistence unit.
paddy.entities.Music

persistence.xml

      <?xml version="1.0" encoding="UTF-8"?>
<persistence version="1.0" xmlns="http://java.sun.com/xml/ns/persistence">
  <persistence-unit name="MusicAndLight" transaction-type="JTA">
    <provider>org.eclipse.persistence.jpa.PersistenceProvider</provider>
    <jta-data-source>jdbc/javafxDB</jta-data-source>
    <class>paddy.entities.Music</class>
  </persistence-unit>
</persistence>

The RESTful service

The service is very simple; it returns a list of all the records from the table where the field artisteName begin by the parameter "beginby".

MusicServices.java

package services.restful;

import java.util.List;
import javax.ejb.Stateless;
import javax.persistence.EntityManager;
import javax.persistence.PersistenceContext;
import javax.persistence.Query;
import javax.ws.rs.GET;
import javax.ws.rs.Path;
import javax.ws.rs.PathParam;
import javax.ws.rs.Produces;
import paddy.entities.Music;

/**
 *
 * @author patrick
 */

// curl http://localhost:8080/RESTfulServices/rs/ArtisteNameBeginningBy/Arc

@Path("/ArtisteNameBeginningBy")
@Stateless
@Produces ("application/json")
public class MusicServices {

    @PersistenceContext(unitName="MusicAndLight")
    EntityManager em;

    @GET
    @Path("{beginBy}/")
    public List<Music> getArtisteNameBeginningBy(@PathParam("beginBy") String beginBy){

       System.out.println("beginBy : "+beginBy);

       String param = beginBy+"%";
 
       Query  query = em.createNamedQuery("findAllAlbumWhereArtisteLike");
       query.setParameter("param", param);
       List<Music> musicsDB = query.getResultList();

       System.out.println("musicsDB : "+musicsDB);

       return musicsDB;

    }
}

The key points :

@Path

@Produce, the service produces a JSON output with the help of JAXB
@GET, the service is accessible by the method GET
@PersistenceContext, the entity manager is created and injected by the container

The web.xml

And of course you have to configure the Jersey Servlet in the web.xml

web.xml

<servlet>
        <servlet-name>Jersey</servlet-name>
        <servlet-class>com.sun.jersey.spi.container.servlet.ServletContainer</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>Jersey</servlet-name>
        <url-pattern>/rs/*</url-pattern>
    </servlet-mapping>

Now, let's test the service with:

curl

curl http://localhost:8080/RESTfulServices/rs/ArtisteNameBeginningBy/Arc

or your browser

http://localhost:8080/RESTfulServices/rs/ArtisteNameBeginningBy/Arc

and the result should be :

Get the NetBeans project

JavaFX CSS Reference Guide

2010-06-25T21:27:00.000+01:00

The JavaFX CSS Reference Guide is available

Slimshady:D5- JavaFX

2010-06-16T22:42:00.017+01:00

I don’t know what is Slimshady :D5- JavaFX in comparison with the actual JavaFX, but I think it should be a great technology ! :)
See yourself http://blogs.sun.com/ant/
And if you have some information about Slimshady:D5, let me know ;)

[Update: October 6, 2010]
I don't know why (may be because of that) , but the Anthony Rogers's blog is down...
However, you could always see some videos of Slimshady on YouTube you could always see some videos of Slimshady on YouTube

Distortion effect

2010-05-26T23:01:00.007+01:00

After the simple scrolltexts and scrolltexts with a sinusoidal effect, here is just another old bitmap effect used in the demos written for home computers in the 1980s.

For standalone mode

If you want to try with a bigger image, you can use the glassfish.jpg image instead of the fc-barcelone-logo.jpg and, for a better effect with a bigger image, use this lines

var factor = (6 * Math.PI) / imageHeight;
    var v = (Math.sin(j * factor) * 20) + 20;

instead of this lines

var factor = (2 * Math.PI) / imageHeight;
    var v = (Math.sin(j * factor) * 10) + 20;

Distortion.fx

package distortion;

import javafx.scene.image.Image;
import javafx.geometry.Rectangle2D;
import javafx.scene.image.ImageView;
import javafx.scene.Scene;
import javafx.stage.Stage;
import javafx.util.Math;
import javafx.animation.KeyFrame;
import javafx.animation.Timeline;
import javafx.runtime.ConditionalFeature;
import javafx.runtime.Platform;
import javafx.scene.shape.Rectangle;
import javafx.scene.paint.Color;

/**
 * @author paddy
 */
println("Effect enabled: {Platform.isSupported(ConditionalFeature.EFFECT)}");
println("Input Method enabled: {Platform.isSupported(ConditionalFeature.INPUT_METHOD)}");
println("Scene 3D enabled: {Platform.isSupported(ConditionalFeature.SCENE3D)}");
println("Shape Clip enabled: {Platform.isSupported(ConditionalFeature.SHAPE_CLIP)}");

var img = Image {
            //url: "{__DIR__}images/glassfish.jpg"
            url: "{__DIR__}images/fc-barcelone-logo.jpg"
             }
def imageWidth = bind img.width as Integer;
def imageHeight = bind img.height as Integer;
def lineWidth = imageWidth;
def lineHeight = 1;
var distortionMap: Float[];
var index = 0;

for (j in [0..<imageHeight * 2]) {

    var factor = (2 * Math.PI) / imageHeight;
    var v = (Math.sin(j * factor) * 10) + 20;
    //var factor = (6 * Math.PI) / imageHeight;
    //var v = (Math.sin(j * factor) * 20) + 20;

    insert v into distortionMap;
}

def lineViewports = for (row in [0..imageHeight]) {
            Rectangle2D {
                minX: 0, minY: row, width: lineWidth, height: lineHeight
            }
        }
var distortionImg = bind
        for (row in [0..imageHeight]) {
            ImageView {
                x: bind distortionMap[row + index]
                y:  row
                viewport: bind lineViewports[row]
                image:  img
            }
        }
var t = Timeline {
            repeatCount: Timeline.INDEFINITE
            keyFrames: KeyFrame {
                time: 8ms
                canSkip: true
                action: function (): Void {
                    index = index + 1;
                    if (index > imageHeight) {
                        index = 0;
                    }
                }
            }
        }

t.play();

Stage {
    title: "Application title"
    scene: Scene {
        width: imageWidth +40
        height: imageHeight + 1

        content: [
            Rectangle {
                x: 0, y: 0
                width: imageWidth +40 , height: imageHeight + 1
                fill: Color.BLACK
                //fill: Color.GHOSTWHITE
            }
            distortionImg
        ]
    }
}

Get the Netbeans projects

Note : The scrolltexts and the scrolltexts with sinusoidal effect work without migration on JavaFX 1.3 with AWT/Java2D/Swing toolkit.
On prism toolkit the animation is very fluid but you have to use a jpeg image instead of png for the font because the png is not supported in this early version of prism

JavaFX custom component in JavaFX 1.3

2010-05-08T23:19:00.009+01:00

In JavaFX 1.2, Control extended CustomNode then we could override the create function to customize an existing component.
With JavaFX 1.3, Control now extends Parent directly then we do not have any more the create function and my custom component doesn’t compile any more … (because I used the create function to customize my components)

Then, to customize an existing component in JavaFX 1.3, I tried another way

I use the initBlock to create the nodes that I want to add to the existing component to customize it
and then I add these nodes to the children sequence of the existing component.

...
   init {
          var g = Group {
                    content: [
                                Group {
                                    ...
                                    content: [
                                        Circle {
                                               ...
                                        }
                                        Rectangle {
                                               ....
                                        }
                                     ...
                                    ]
                                    ...
                    ]
                }
           insert g into children;
        }
   ...

Now, I have a problem with the css, I want to have a default css for my SearchTextBox which is loaded by default by my component (not in the Scene by the developer) and which can be overridden by the developer.

If you have a solution, please let me know!

This example works on: Windows (Seven), Linux (Ubuntu 10.04) and Mac OS X (10.6.3) with the Default toolkit and the Prism toolkit (JVM argument: -Xtoolkit prism) but there is one bug when you run it as an applet on Mac OS X.
The button have a wrong size, the text is too long….

[update August 8, 2010]this issue is fixed in JavaFX 1.3.1

SearchTextBox.fx

package customcomponent;

import javafx.scene.Group;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;
import javafx.scene.shape.Rectangle;
import javafx.scene.input.MouseEvent;
import javafx.scene.control.TextBox;
import javafx.scene.input.KeyEvent;

/**
 * @author Patrick
 */
public class SearchTextBox extends TextBox {

    public var onResetSearch: function(): Void;
    public var onSearch: function(s: String): Void;

    override var style = "-fx-padding: 0 16 0 0; ";
    //override var styleClass = "searchTextBox text-box";
    //override var styleClass = "searchTextBox";

    override var onKeyTyped = function(event:KeyEvent){
        if (this.rawText!=""){
            onSearch(this.rawText);
        }else{
            onResetSearch();
        }
    }

    init {
          var g = Group {
                    content: [
                                Group {
                                    var crossWidth = bind this.layoutBounds.height * 0.45;
                                    var crossHeight = bind this.layoutBounds.height * 0.05;
                                    visible: bind this.rawText.length() > 0
                                    layoutX: bind this.layoutBounds.width - (this.layoutBounds.height / 2.0)
                                    layoutY: bind this.layoutBounds.height / 2.0
                                    content: [
                                        Circle {
                                            fill: Color.GRAY
                                            radius: bind this.layoutBounds.height * 0.325 // 65% of the texbox height and div 2 for the radius
                                        }
                                        Rectangle {
                                            width: bind crossWidth
                                            height: bind crossHeight
                                            translateX: bind 0 - crossWidth / 2.0
                                            translateY: bind 0 - crossHeight / 2.0
                                            fill: Color.WHITE
                                            rotate: 45
                                        }
                                        Rectangle {
                                            width: bind crossWidth
                                            height: bind crossHeight
                                            translateX: bind 0 - crossWidth / 2.0
                                            translateY: bind 0 - crossHeight / 2.0
                                            fill: Color.WHITE
                                            rotate: -45
                                        }
                                    ]
                                    onMouseClicked: function (event: MouseEvent) {
                                        this.commit();
                                        this.text = "";
                                        onResetSearch();
                                    }
                                }
                    ]
                }           
           insert g into children;
        }
}

Main.fx

package searchtextbox;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.text.Text;
import javafx.scene.text.Font;
import javafx.scene.control.Button;
import javafx.scene.control.RadioButton;

import javafx.scene.control.ToggleGroup;
import customcomponent.SearchTextBox;

/**
 * @author Patrick
 */

class ExtRadioButton extends RadioButton {
    public var action:function();

    override public var selected on replace {
        if (selected) {
            action();
        }
    }
}

def macStyleSheet="{__DIR__}resources/mac.css";
def defaultStyleSheet = "/customcomponent/stbcaspian.css";
var stylesheets:String = macStyleSheet;

Stage {
    title: "Application title"
    width: 250
    height: 200

    var cssToggleGroup = ToggleGroup {};

    scene: Scene {
        stylesheets : bind stylesheets
        content: [
            Text {
                font : Font {
                    size : 16
                }
                x: 10
                y: 30
                content: "Search "
            }
            SearchTextBox {
                    styleClass : "searchTextBox"
                    translateX :10
                    translateY :40


                    onResetSearch:function(){
                        println("reset !");
                    }
                    onSearch:function(s: String){
                        println("Search of : {s}");
                    }
            }
            Button {
                    text: "just a button to change focus"
                    translateX :10
                    translateY :80
                    action: function() {
                        println("Hello !")
                   }
            }

            ExtRadioButton {
                            text: "use the default CSS"
                            translateX :10
                            translateY :110
                            toggleGroup: cssToggleGroup

                            action: function() {
                                stylesheets = defaultStyleSheet;
                            }
            }

            ExtRadioButton {
                            text: "use the mac CSS"
                            translateX :10
                            translateY :130
                            toggleGroup: cssToggleGroup
                            selected: true

                            action: function() {
                                stylesheets = macStyleSheet;
                            }
            }
        ]
    }
}

Get the Netbeans projects

Duke Anim in JavaFX 1.3

2010-04-27T23:15:00.009+01:00

In JavaFX 1.3 the evaluation of the KeyValues in the Timeline changed. Now, the KeyValues are evaluated once before the Timeline starts (see "Animation: Changed semantics of KeyValue evaluation" in Java FX 1.3 Migration Guide) and thus my Duke Anim doesn’t work in Java FX 1.3 :(.

To correct it, the function Timeline.evaluateKeyValues() has been added. This function has to be used for re-evaluates all the keyValues when it is called.

Now, let us correct Duke Anim :)

To correct Duke Anim, I have made only 2 changes:

· I call the function Timeline.evaluateKeyValues() at the end of the action function of KeyFrame at 1s.
anim.evaluateKeyValues();

· And I declare the variable anim with his type to be able to call the function Timeline.evaluateKeyValues() in the action function of the KeyFrame.
public var anim:Timeline = Timeline { …

This Duke Anim's version works on : Windows (Seven), Linux (Ubuntu 9.10) and Mac OS X (10.6.3) with the Default toolkit and the Prism toolkit (JVM argument: -Xtoolkit prism)

Main.fx

package dukeanim;

import java.util.Random;
import javafx.animation.Interpolator;
import javafx.animation.KeyFrame;
import javafx.animation.Timeline;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.Scene;
import javafx.scene.transform.Translate;
import javafx.runtime.ConditionalFeature;
import javafx.runtime.Platform;
import javafx.stage.Stage;

class DukeAnimModel {
  
    public var imageURL = "{__DIR__}images/duke.png";
  
    public var x = 0;
    public var y = 0;

    var xTarget = 0;
    var yTarget = 0;

    var xTemp = 0;
    var yTemp = 0;

    public var anim:Timeline =
    Timeline {
        autoReverse: false
        keyFrames: [
            KeyFrame {
                time: 0s
                values: [x => xTemp, y => yTemp]

            },
            KeyFrame {
                time: 1s
                values: [x => xTarget tween
                    Interpolator.SPLINE(0,.5,.5,1),y => yTarget tween
                    Interpolator.SPLINE(0,.5,.5,1)]

                action: function(): Void{

                    var generator = new Random();
                    xTarget = (generator.nextFloat() * 240 + 1) as Integer;
                    yTarget = (generator.nextFloat() * 320 + 1) as Integer;
                  
                    xTemp=x;
                    yTemp=y;

                    anim.evaluateKeyValues();
                }
            },
        ]
        repeatCount: Timeline.INDEFINITE
    };
}

println("Effect enabled: {Platform.isSupported(ConditionalFeature.EFFECT)}");
println("Input Method enabled: {Platform.isSupported(ConditionalFeature.INPUT_METHOD)}");
println("Scene 3D enabled: {Platform.isSupported(ConditionalFeature.SCENE3D)}");
println("Shape Clip enabled: {Platform.isSupported(ConditionalFeature.SHAPE_CLIP)}");

var dukeAnimModel = DukeAnimModel {}
dukeAnimModel.anim.play();

Stage {
    title: "Application title"
    width: 240  
    height: 320 
    scene: Scene {
        content: ImageView {
            transforms: Translate {
                x: bind dukeAnimModel.x
                y: bind dukeAnimModel.y
            }
            image: Image {
                url: dukeAnimModel.imageURL
            }
        }
    }
    onClose: function(){
        println("exit");
    }
}

Get the Netbeans projects

JavaFX 1.3 is there!!!!

2010-04-22T20:28:00.005+01:00

JavaFX 1.3 is there!!!!

I haven’t tested it yet, but visibly we have some 3D functions, new UI components, CSS, the performance and user experience are improved, etc…

And with NetBeans 6.9 beta, you have a new version of JavaFX Composer

Some interesting links :

EJB 3.1 Asynchronous Session Beans

2010-04-15T21:10:00.007+01:00

Before EJB 3.1, if you want to execute an asynchronous processing you had to use JMS and a MDB, not so easy and rather heavy in most cases.
Now with EJB 3.1, you can use a simple session EJB with the @Asynchronous annotation on the method which must be called asynchronously.

@Stateless
@Remote(HelloEjbAsynchronousRemote.class)
public class HelloEjbAsynchronous implements HelloEjbAsynchronousRemote {

    @Asynchronous
    @Override
    public Future<String> ejbAsynchronousSayHello(String name){

If your method has a return value, your method has to return an AsyncResult object which is an implementation of Future.

return new AsyncResult<String>("Hello "+name);

For the client, you just have to call the remote ejbAsynchronousSayHello by using the new portable global JNDI names.
The EJB container returns the control to the client immediately, in my case with a Future object in return, and then executes the method.

HelloEjbAsynchronousRemote ha = 
            (HelloEjbAsynchronousRemote)ic.lookup("java:global/EjbAsynchronous/HelloEjbAsynchronous");
            Future future = ha.ejbAsynchronousSayHello("Patrick");

The client can retrieve the result value with Future.get() and can get the state of the processing with Future.isDone().

String ret = (String)future.get();

Full source code of the EJB - HelloEjbAsynchronous.java

package fr.paddy.ejb31;

import java.util.Date;
import java.util.concurrent.Future;
import javax.ejb.AsyncResult;
import javax.ejb.Asynchronous;
import javax.ejb.Remote;
import javax.ejb.Stateless;

@Stateless
@Remote(HelloEjbAsynchronousRemote.class)
public class HelloEjbAsynchronous implements HelloEjbAsynchronousRemote {

    @Asynchronous
    @Override
    public Future<String> ejbAsynchronousSayHello(String name){
        System.out.println(new Date().toString()+" - Begin - HelloEjbAsynchronos->ejbAsynchronousSayHello "+name);

        try{
           Thread.sleep(5*1000);
        }catch (Exception e){
            e.printStackTrace();
        }

        System.out.println(new Date().toString()+" - End - HelloEjbAsynchronos->ejbAsynchronousSayHello "+name);

        return new AsyncResult<String>("Hello "+name);
        
    }
}

The ejbAsynchronousSayHello method, which is declared asynchronous, just wait 5 seconds to simulate a long processing and return the String "Hello "+name, the variable name being passed as parameter.

Full source code of the remote interface - HelloEjbAsynchronousRemote.java

package fr.paddy.ejb31;

import java.util.concurrent.Future;

public interface HelloEjbAsynchronousRemote {    
    public Future<String> ejbAsynchronousSayHello(String name);
}

Full source code of the EJB Client - ClientMain.java

import java.util.Properties;
import java.util.concurrent.ExecutionException;
import java.util.concurrent.Future;
import javax.naming.InitialContext;
import javax.naming.NamingException;

import fr.paddy.ejb31.HelloEjbAsynchronousRemote;
import java.util.Date;

public class ClientMain {

    public static void main(String[] args) {
        Properties props = new Properties();
        props.setProperty("java.naming.factory.initial",
                             "com.sun.enterprise.naming.SerialInitContextFactory");
        props.setProperty("java.naming.factory.url.pkgs",
                             "com.sun.enterprise.naming");
        props.setProperty("java.naming.factory.state",
                             "com.sun.corba.ee.impl.presentation.rmi.JNDIStateFactoryImpl");
        props.setProperty("org.omg.CORBA.ORBInitialHost", "localhost");
        props.setProperty("org.omg.CORBA.ORBInitialPort", "3700");

        try{
            InitialContext ic = new InitialContext(props);
            String ret="";

            HelloEjbAsynchronousRemote ha =
            (HelloEjbAsynchronousRemote)ic.lookup("java:global/EjbAsynchronous/HelloEjbAsynchronous");
            Future future = ha.ejbAsynchronousSayHello("Patrick");

            while (!future.isDone()){
                Thread.sleep(1000);
                System.out.println(new Date().toString()+" - I do other things ...");
            }

            ret = (String)future.get();
            System.out.println(new Date().toString()+" - ret : "+ret);

        }catch (NamingException ne){
            ne.printStackTrace();
        }catch (InterruptedException ie){
            ie.printStackTrace();
        }catch (ExecutionException ee){
            ee.printStackTrace();
        }
    }
}

Get the Netbeans projects: EJB , Client

Because of this issue, you must use GlassFish V3.0.1 promoted build 12 to test this example.
Or used this workaround

while (!future.isDone()){
                Thread.sleep(1000);
                System.out.println(new Date().toString()+" - I do other things ...");
                // System.out.println("futur.isDone"+future.isDone());
                // just a hack, because at the moment future.isDone doesn't work !
                try{
                    Object o = future.get(10,TimeUnit.MILLISECONDS);
                }catch (TimeoutException te){
                   // te.printStackTrace();
                }
                // end of the hack
                // System.out.println("futur.isDone"+future.isDone());
            }

Some examples of the criteria API (JPA 2.0)

2010-04-01T23:18:00.004+01:00

When I wrote my examples on how to use JavaFX and JPA 2.0 (part II and III), I made some other tries using Criteria API.

Of course, these examples use the table and the entity described in "Examples using JPA 2.0"

Example using like and a JPA parameter

In JPQL

String param = "Arc%";

        Query query = em.createQuery(
             "select m from Music m where m.artisteName like :param");
        query.setParameter("param", param);
        List<Music> musics = query.getResultList();

        for (Music music : musics){
            System.out.println(music);
        }

Equivalent with Criteria API

String param = "Arc%";

        CriteriaBuilder cb = em.getCriteriaBuilder();
        CriteriaQuery<Music> query = cb.createQuery(Music.class);

        Root<Music> music3 = query.from(Music.class);
        query.where(cb.like(music3.<String>get("artisteName"),
                            cb.parameter(String.class, "param")));

        TypedQuery<Music> tq = em.createQuery(query);
        tq.setParameter("param", param);
        List<Music> musics = tq.getResultList();

        for (Music music : musics){
            System.out.println(music);
        }

Example of criteria API using count

In JPQL

String param = "Archive";

        Query query = em.createQuery(
             "select count(m) from Music m where m.artisteName = :artisteNameParam");
        query.setParameter("artisteNameParam", param);
        Long count1 = (Long)query.getSingleResult();

        System.out.println("count : "+count1);

Equivalent with Criteria API

String param = "Archive";

        CriteriaBuilder cb = em.getCriteriaBuilder();
        CriteriaQuery<Long> query = cb.createQuery(Long.class);

        Root<Music> music = query.from(Music.class);
        query.select(cb.count(music));
        query.where(cb.equal(music.<String>get("artisteName"),
                             cb.parameter(String.class,"artisteNameParam")));

        TypedQuery<Long> tq = em.createQuery(query);
        tq.setParameter("artisteNameParam", param);

        Long count = tq.getSingleResult();

        System.out.println("count : "+count);

Example of criteria using distinct

In JPQL

String param = "Arc%";

        Query query = em.createQuery(
             "select distinct m.artisteName from Music m where m.artisteName like :param");
        query.setParameter("param", param);
        List<String> artistes= query.getResultList();

        for (String artiste : artistes){
            System.out.println(artiste);
        }

Equivalent with Criteria API

String param = "Arc%";

        CriteriaBuilder cb = em.getCriteriaBuilder();
        CriteriaQuery<String> query = cb.createQuery(String.class);

        Root<Music> music = query.from(Music.class);
        query.select(music.<String>get("artisteName"));
        query.distinct(true);

        query.where(cb.like(music.<String>get("artisteName"),
                            cb.parameter(String.class, "param")));

        TypedQuery<String> tq = em.createQuery(query);
        tq.setParameter("param", param);

        List<String> artistes = tq.getResultList();


        for (String artiste : artistes){
            System.out.println(artiste);
        }

More UI controls for the next release

2010-03-20T14:04:00.000+01:00

I don’t know who is Sungmoon Cho, but according to linkedin he is JavaFX Product Line Manager at Sun Microsystems.
Some time ago, he has opened Official JavaFX Feedback Forum to ask us what we are suggesting for JavaFX.

My answers were (the number before the item, is my number of vote for this item):

And recently (on Friday 19th), Sungmoon Cho updated the the JavaFX FeedBack Forum for the following items:

· Create more native components, like form items, grids and menus.
with the status planned and the comment
"We are adding a lot more UI controls for the next release. Please stay tuned "

· Quick application

with the status planned and the comment

"We have a dedicated team of people who work on startup performance. We see significant improvement so far, but we know that it should be much faster. We will update you when we have more data "

· Quick application startup

with the status under review and the comment

"Many people asked this so we are reviewing this item "

JavaFX and JPA 2.0 with my custom component

2010-03-15T00:23:00.002+01:00

In this third and last part, we are going to create a small application which dynamically updates the results in the result list when the user types the search word(s) in a text box.

To do that we will re-use the table and the entity created in the part one, the java class MusicServices.java created in the part two and my search text box that I've created some time ago (with a small correction).

Main.fx

package javafxjpa2searchtextbox;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.text.Text;
import javafx.scene.text.Font;
import customcomponent.SearchTextBox;
import javafx.scene.control.ListView;
import paddy.domain.Music;
import paddy.service.MusicServices;

/**
 * @author Patrick
 */

var listMusic;

var seqMusic:Music[];

var musicServices:MusicServices = MusicServices{};

Stage {
    title: "Application title"
    width: 600
    height: 250
    scene: Scene {
        stylesheets : ["{__DIR__}resources/mac.css"]
        content: [
            Text {
                font: Font {
                    size: 16
                }
                x: 10
                y: 30
                content: "Search DB"
            }
            SearchTextBox {
                translateX: 10
                translateY: 40
                onResetSearch: function () {
                    println("reset !");
                        delete seqMusic;
                    }
                onSearch: function (s: String) {
                    println("Search of : {s}");

                    listMusic = musicServices.getArtisteNameBeginingBy(s);
                    delete seqMusic;
                    seqMusic = listMusic.toArray(seqMusic);

                    }
            }
            ListView {
                layoutY: 75
                width: 575
                height: 100
                items: bind seqMusic
            }
        ]
    }
}

The key points:

Delete the sequence on the onResetSearch event of the SearchTextBox component
delete seqMusic;

Call the getArtisteNameBeginningBy method, delete the sequence and refill it on the onSearch event of the SearchTextBox component
listMusic = musicServices.getArtisteNameBeginningBy(s);
delete seqMusic;
seqMusic = listMusic.toArray(seqMusic);

Get the NetBeans project

Note: don’t forget to create (in NetBeans) a library containing the jar DerbyClient.jar and being called DerbyClient.

JavaFX and the Databases with JPA 2.0

2010-03-02T23:10:00.006+01:00

In the first part, we have seen how to access data with JPA. In this second part we are going to see how to get data from database with JPA 2.0 and to display them with JavaFX.

To do that we will re-use the table and the entity created in the part one, and we will create a Java class which contains the code to execute the JPA requests.

Let’s go and create the Java class.

The Java class contains one constructor to create the EntityManager and 2 methods:
findAll():
This method gets all the records from the table and uses the namedQuery findAllAlbum

getArtisteNameBeginningBy(String begining):
This method get all the records from the table where the field artisteName begin by the parameter "begining"

For this second method, I use criteria API just because I wanted to test it…
Normally in this case, we don’t have to use criteria API because we don’t need to create dynamically a query and the criteria API was created to build dynamically and safely a query (without to concatenate strings to build a jpql request, like in JPA 1.0).

The best way to do that, is to use directly a jpql request like this

Query query = em.createQuery("select m from Music m where m.artisteName like :param");
query.setParameter("param", param);
List<Music> musics = query.getResultList();

Or, if you want, create another namedQuery in the Entity

@NamedQueries({
   @NamedQuery(name = "findAllAlbum", query= "select m from Music m"),
   @NamedQuery(name = "findAllAlbumWhereArtisteLike",query="select m from Music m where m.artisteName like :param")
})

And call it like that

Query  query = em.createNamedQuery("findAllAlbumWhereArtisteLike");
query.setParameter("param", param);
List<Music> musics = query.getResultList();

We will not use this method in this part but in the last part.

MusicServices.java

package paddy.service;

import java.util.List;
import javax.persistence.EntityManager;
import javax.persistence.EntityManagerFactory;
import javax.persistence.Persistence;
import javax.persistence.Query;
import javax.persistence.criteria.CriteriaBuilder;
import javax.persistence.criteria.CriteriaQuery;
import javax.persistence.criteria.Root;
import paddy.domain.Music;

/**
 *
 * @author Patrick
 */
public class MusicServices {

    EntityManagerFactory emf;
    EntityManager em;

    public MusicServices(){
        emf = Persistence.createEntityManagerFactory("MusicAndLight");
        em = emf.createEntityManager();
    }

    public List<Music> findAll(){

        Query  query = em.createNamedQuery("findAllAlbum");
        List<Music> musics = query.getResultList();

        return musics;
    }

    public List<Music> getArtisteNameBeginningBy(String begining){

        String param = begining+"%";

        CriteriaBuilder cb = em.getCriteriaBuilder();
        CriteriaQuery<Music> query = cb.createQuery(Music.class);
        
        Root<Music> music = query.from(Music.class);
        query.where(cb.like(music.<String>get("artisteName"), param));
        List<Music> musics = em.createQuery(query).getResultList();

        return musics;
    }

    @Override
    protected void finalize() throws Throwable {
        try {
            em.close();
            emf.close();
        } finally {
            super.finalize();
        }
    }
}

Now, let’s call this class from javaFX to get the data from the database and to display them in JavaFX

Main.fx

package javafxjpa2basic;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.control.ListView;
import javafx.scene.control.Button;
import paddy.domain.Music;
import paddy.service.MusicServices;

/**
 * @author Patrick
 */

var listMusic;
var seqMusic:Music[];

var musicServices:MusicServices = MusicServices{};

Stage {
    title: "Application title"
    scene: Scene {
        width: 600
        height: 175
        content: [
            Button {
                text: "Find all the musics"
                action: function() {
                        delete seqMusic;

                        listMusic = musicServices.findAll();
                        seqMusic = listMusic.toArray(seqMusic);                        

                        println("seqMusic: {seqMusic} ");
                }
            }
            ListView {
                layoutY : 50
                 width: 575
                 height : 100
                 items: bind seqMusic
            }
        ]
    }
}

The key points :

Creating an instance of the Java class in JavaFX
var musicServices:MusicServices = MusicServices{};
Calling the findAll method
listMusic = musicServices.findAll();
Converting the java list to a JavaFX sequence
seqMusic = listMusic.toArray(seqMusic);
Binding the sequence to the JavaFX GUI List
items: bind seqMusic

Get the NetBeans project

Note: don’t forget to create (in NetBeans) a library containing the jar DerbyClient.jar and being called DerbyClient.

JavaFX Composer, the blog!

2010-02-23T23:06:00.001+01:00

The JavaFX Composer Team has opened a new blog about…
JavaFX Composer, of course ;)

http://blogs.sun.com/javafxcomposer/

Examples using JPA 2.0

2010-02-22T23:15:00.018+01:00

This is the first part of 3 that shows you how to get data from database with JPA 2.0 and display them with JavaFX.

In this first part we are going:

to create the database and one table
to create the entity and the persistence.xml file
to use a namedQuery
to use criteria query API

Create the database and the table

Create a derby database with :

Database Name : javafxDB
UserName : APP
Password : paddy

Create the music table and fill it.

Execute this script to create the music table and fill it

The music table has 3 fields: an auto generated id, the name of the artist (artist_name) and the name of the album (album_title) …

And of course, it’s just for an example ;)

The Entity and the persistence unit

The Entity which is mapped to music table

Music.java

package paddy.domain;

import java.io.Serializable;
import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.Id;
import javax.persistence.NamedQuery;

/**
 *
 * @author Patrick
 */
@Entity
@NamedQuery(name = "findAllAlbum", query= "select m from Music m")

public class Music implements Serializable {

    @Id
    @GeneratedValue
    private Long id;
    @Column(name = "artist_name")
    private String artisteName;
    @Column(name = "album_title")
    private String albumTitle;

    public Music() {
    }
    
    ...
    Getter and setter
    ...
    
    @Override
    public String toString(){

        StringBuffer sb = new StringBuffer();
        sb.append("id : ");sb.append(id);sb.append(" ; ");
        sb.append("artisteName : ");sb.append(artisteName);sb.append(" ; ");
        sb.append("albumTitle : ");sb.append(albumTitle);
        sb.append(" \n");

        return sb.toString();
    }

}

Full source here

The entity is just a plain old Java object (pojo) with some annotations.

@Entity: designate my pojo as an entity so I can use it with JPA services.

@Id: designate the property as the entity's primary key

@GeneratedValue: used with @Id, it defines that this value is generated automatically

@Column: is used, in my example, to mapped the property of the entity with the field of the table

@NamedQuery(name = "findAllAlbum", query= "select m from Music m") is used to create pre-defined queries which get all record from music table.

The persistence.xml file

META-INF\persistence.xml

<?xml version="1.0" encoding="UTF-8"?>
<persistence version="1.0" xmlns="http://java.sun.com/xml/ns/persistence">
  <persistence-unit name="MusicAndLight" transaction-type="RESOURCE_LOCAL">
    <provider>org.eclipse.persistence.jpa.PersistenceProvider</provider>
    <class>paddy.domain.Music</class>
    <properties>
      <property name="eclipselink.target-database" value="DERBY"/>
      <property name="javax.persistence.jdbc.driver" value="org.apache.derby.jdbc.ClientDriver"/>
      <property name="javax.persistence.jdbc.url" value="jdbc:derby://localhost:1527/javafxDB"/>
      <property name="javax.persistence.jdbc.user" value="APP"/>
      <property name="javax.persistence.jdbc.password" value="paddy"/>
    </properties>
  </persistence-unit>
</persistence>

The persistence.xml file defined:

the persistence unit named MusicAndLight
the entity (paddy.domain.Music) managed by the persistence unit
and how the persistence unit connects to the database

Execute query by using a namedQuery

namedQuery

EntityManagerFactory emf = Persistence.createEntityManagerFactory("MusicAndLight");
        EntityManager em = emf.createEntityManager();

        //get and create the namedQuery findAllBum
        Query  query = em.createNamedQuery("findAllAlbum");
        //execute the query
        List<Music> musics = query.getResultList();

        for (Music music : musics){
            System.out.println(music);
        }

        em.close();
        emf.close();

Execute query by using a criteria API

Criteria Api

EntityManagerFactory emf = Persistence.createEntityManagerFactory("MusicAndLight");
        EntityManager em = emf.createEntityManager();

        String param = "Arc%";

        CriteriaBuilder cb = em.getCriteriaBuilder();
        CriteriaQuery<Music> query2 = cb.createQuery(Music.class);
        //select * from Music
        Root<Music> music2 = query2.from(Music.class);
        //where artisteName like param
        //in my example where artisteName like Arc% (begining by Arc)
        query2.where(cb.like(music2.<String>get("artisteName"), param));
        //execute the query
        List<Music> musics2 = em.createQuery(query2).getResultList();

        for (Music music : musics2){
            System.out.println(music);
        }

        em.close();
        emf.close();

Get the NetBeans project

Note: don’t forget to create (in NetBeans) a library containing the jar DerbyClient.jar and being called DerbyClient.

Eclipse et Ubuntu 9.10 …

2010-01-25T00:09:00.008+01:00

Au départ, je voulais juste installer le plugin Android avec la dernière version d’Eclipse(3.5.1) sur mon Ubuntu 9.10.
La chose parait assez simple de premier abord…
Mais impossible d’installer le plugin, les boutons ne produisent aucune action, les listes ne s’affichent pas, etc…

La cause du problème provient d’Eclipse qui utilise la bibliothèque UI SWT se basant les composants UI natif GTK+
et comme le comportement interne de GTK+ a changé dans la version de GTK+ (2.18) utilisée dans Ubuntu 9.10 et que SWT utilise très mal et bidouille trop GTK+, ca ne marche plus.
https://bugs.launchpad.net/ubuntu/+source/gtk+2.0/+bug/442078/comments/28

Heureusement les créateurs on prévu le coup et il existe une variable pour redonner le comportement d’avant avec cette version de GTK+.

La solution est donc de créer un script pour lancer Eclipse avec la variable GDK_NATIVE_WINDOWS positionnée à 1

launch_eclipse.sh

#!/bin/bash
export GDK_NATIVE_WINDOWS=1
/home/patrick/patrick/program/eclipse.org/eclipse-javaEE-galileo/eclipse/eclipse

Ou /home/patrick/patrick/program/eclipse.org/eclipse-javaEE-galileo/eclipse/eclipse est l’emplacement de votre exécutable Eclipse

Sinon NetBeans fonctionne très bien ;)

Note : Le problème existe aussi avec toutes les applications Eclipse RCP et je pense SWT

Note2 : La fiche de bug Eclipse

Scrolling with DisplacementMap effect

2010-01-10T00:26:00.013+01:00

Bonne Année ! , Happy New Year !

For beginning this New Year, I added a sinusoidal effect to my scroll.
To do that, I added a DisplacementMap effect to the scroll line.

DisplacementMap Effect

                    effect: DisplacementMap { mapData: map
                                              input:Reflection {
                                                   fraction: 0.75
                                                   topOffset: 0.0
                                                   topOpacity: 0.5
                                                   bottomOpacity: 0.0
                                               } 
                  }

And I created a FloatMap to make the sinusoidal effect

FloatMap

var widthScroll = letterWidth * 10;    // 10 chars
var map = FloatMap { width: widthScroll height: letterHeight }
for (i:Integer in [0..<widthScroll]) {
    var v = (Math.sin(i/35.0*Math.PI)-0.5)/30.0;
    for (j:Integer in [0..<letterHeight]) {
        map.setSamples(i, j, 0.0, v);
    }
}

As you see in the code, the DisplacementMap effect take a FloatMap as parameter. And each individual entry in the FloatMap contains per-pixel offset information in the x and y direction.

For example if you have this image

My FloatMap contains offsets x and y to have

Download full Main.fx

Download StringConverter.fx

Old School Scroll line

2009-12-19T01:12:00.006+01:00

This is my first try to make an old school scroll line like on my old Atari ST.
Normally this is a bitmap effect, but in JavaFx all is nodes…
So I use Nodes :) and this image (from http://forum.deltaforceteam.de/forum/viewtopic.php?f=3&t=127 )

The viewports variable is a sequence which contains for each character the portion of the image corresponding to it.
The line variable is a concatenation of the viewports of the letters to build the text shown in the screen.
And the timeline is used to scroll the text

I add a Reflection effect too :)

Main.fx

package scrolllinedemo;

/*
 * Main.fx
 *
 * Created on 12 dÃ©c. 2009, 00:08:52
 */
import javafx.stage.Stage;
import javafx.scene.Scene;

import javafx.geometry.Rectangle2D;

import javafx.scene.image.ImageView;

import javafx.scene.image.Image;

import javafx.animation.KeyFrame;
import javafx.animation.Timeline;
import javafx.scene.effect.Reflection;

import javafx.scene.Group;
import javafx.scene.shape.Rectangle;
import javafx.scene.control.TextBox;
import javafx.scene.control.Button;

/**
 * @author Patrick
 */

def letterWidth = 32;
def letterHeight = 32;

var blankLine = [   0,   0,   0,   0,   0,   0,   0,  0,  0,  0 ];

var text = "Hello, this is my first old school scroll line demo. by Patrick ! ";

var textFont = StringConverter.stringToFont(text);
insert blankLine before textFont[0];
var textLength = sizeof(textFont)-1;
insert blankLine into textFont;

var textIncrement = 0;

var font = Image {
   url: "{__DIR__}img/font.png"
}

def viewports = for (row in [0..5]) {
   for (col in [0..9]) {
       Rectangle2D{
           minX: col * letterWidth, minY: row * letterHeight, height: letterWidth, width: letterHeight
       }
   }
}

var line = bind
   for (col in [0..10]) {   //10 chars (320 = 32*10)
      ImageView {
         x: bind (col * letterWidth) -scrollX , y:  0,
         viewport: bind viewports[textFont[col+textIncrement]]
         image: font
      }
   }

var scrollX =0;

var t = Timeline {
                repeatCount: Timeline.INDEFINITE
                keyFrames : [
                        KeyFrame {
                                time : 0s
                                canSkip : true
                        },
                        KeyFrame {

                                time : 8ms
                                canSkip : true
                                action: function(): Void{

                                  var tempX = scrollX+1;
                                  var tempTextIncrement = textIncrement;

                                   if (tempX>=32){
                                       tempX = 0;
                                     if (textIncrement<textLength)
                                        then tempTextIncrement++
                                        else tempTextIncrement = 0;

                                   }
                                   textIncrement = tempTextIncrement;
                                   scrollX = tempX;

                                }
                        }
                ]
        }

t.play();

var tb:TextBox;

Stage {
    title: "Application title"
    width: 335
    height: 150
    scene: Scene {
        content: [
                Group {
                    content:Group{
                        clip:Rectangle {
                                width:  320
                                height: 64
                            }
                        content: line
                    }
                    effect:Reflection {
                         fraction: 0.75
                         topOffset: 0.0
                         topOpacity: 0.5
                         bottomOpacity: 0.0
                    }
                  }
                
                tb = TextBox {
                        text: "try to type your text here... and press on GO!"
                        columns: 30
                        selectOnFocus: true
                        translateY:70
                }
                Button {
                        text: "GO!"
                        action: function() {
                            var textFontTemp = StringConverter.stringToFont(tb.text);
                            insert blankLine before textFontTemp[0];
                            textLength = sizeof(textFontTemp)-1;
                            insert blankLine into textFontTemp;

                            textFont = textFontTemp;
                            textIncrement =0;
                        }
                        translateY:70
                        translateX:275
                }
        ]
    }
}

download StringConverter.fx

Les jeux olympiques d’hiver de Vancouver choisissent JavaFX

2009-12-13T20:50:00.007+01:00

J’entends dire ou des personnes me disent, ouais, JavaFx c’est bien mais il n’y a personne qui l’utilise, il n’y a pas de vraie référence, etc, etc …

C’est vrai que JavaFx est une technologie récente (la versions 1.0 n’est sortie que l’année dernière à cette même époque) et qu’il n’y a pas encore beaucoup de référence…
Mais cela commence à arriver, et cela commence avec les jeux olympiques d’hiver de Vancouver 2010 qui ont choisi JavaFX comme technologie de client riche !

On peut même déjà voir le résultat et essayer la première application disponible sur le site Vancouver2010 à l’adresse suivante : http://www.vancouver2010.com/olympic-medals/geo-view/

Cette application sert à montrer :

les médailles qui ont été gagné par les différents pays durant les différentes éditions des jeux olympiques d’hiver
quel athlète a gagné quelle médaille
Et plein d'autres choses...

C’est plutôt pas mal et ca marche super bien sur mon Mac (Snow Leopard), mon Linux (Ubuntu 9.10) et Windows Vista et Seven.

Glassfish V3, NetBeans 6.8, JavaFX Composer Preview

2009-12-10T23:01:00.008+01:00

C’est noël avant l’heure ! :)

GlassFish V3 et NetBeans 6.8 sont sorties aujourd’hui …

Mais en plus, pour les personnes s’intéressant à JavaFX, la preview de JavaFX Composer (GUI Builder pour JavaFX) devrait être disponible le 15 décembre !!!

JavaFX Style Sheet with my custom component

2009-11-29T21:13:00.006+01:00

Because my custom component doesn’t have a Mac look and feel (the rounded corners of the TextBox) and because I don’t want to change the code of my component, I decided to create a Mac Style Sheet.

Now, let us study the Mac style sheet and the code to use this style sheet

the Mac style sheet - mac.css

.searchTextBox {corner-radius: 25;padding-left: 10}

To have a rounded corners of the textbox, I use the CSS attribute corner-radius and to move the position of the input cursor (because of the rounded corners), I use the CSS attribute padding-left

To use this CSS just set the style sheets attribute of your Scene with the location of your CSS file.

    scene: Scene {
        stylesheets : ["{__DIR__}resources/mac.css"]

The code of the demo (the code of the custom component doesn’t change)

resources\mac.css

/* 
    Document   : style
    Created on : 3 oct. 2009, 00:34:05
    Author     : paddy
    Description:
        Purpose of the stylesheet follows.
*/

.searchTextBox {corner-radius: 25;padding-left: 10}
.searchTextBoxRed{corner-radius: 25;padding-left: 10;border-fill:#FF0000;}

Main.fx

/*
 * Main.fx
 *
 * Created on 3 oct. 2009, 00:44:05
 */

package customcomponentcssdemo;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.text.Text;
import javafx.scene.text.Font;
import javafx.scene.control.Button;
import javafx.scene.control.RadioButton;

import javafx.scene.control.ToggleGroup;

/**
 * @author Patrick
 */

class ExtRadioButton extends RadioButton {
    public var action:function();

    override public var selected on replace {
        if (selected) {
            action();
        }
    }
}

def macStyleSheet="{__DIR__}resources/mac.css";
var stylesheets:String = macStyleSheet;

Stage {
    title: "Application title"
    width: 250
    height: 200

    var cssToggleGroup = ToggleGroup {};

    scene: Scene {
        //stylesheets : ["{__DIR__}resources/mac.css"]
        stylesheets : bind stylesheets
        content: [
            Text {
                font : Font {
                    size : 16
                }
                x: 10
                y: 30
                content: "Search "
            }
            SearchTextBox {
                    //styleClass : "searchTextBoxRed"
                    translateX :10
                    translateY :40
                    

                    onResetSearch:function(){
                        println("reset !");
                    }
                    onSearch:function(s: String){
                        println("Search of : {s}");
                    }
            }
            Button {
                    text: "just a button to change focus"
                    translateX :10
                    translateY :80
                    action: function() {
                        println("Hello !")
                   }
            }

            ExtRadioButton {
                            text: "do not use the CSS"
                            translateX :10
                            translateY :110
                            toggleGroup: cssToggleGroup
                           // selected: true

                            action: function() {
                                stylesheets = " ";
                            }
            }

            ExtRadioButton {
                            text: "use the CSS"
                            translateX :10
                            translateY :130
                            toggleGroup: cssToggleGroup
                            selected: true

                            action: function() {
                                stylesheets = macStyleSheet;
                            }
            }
        ]
    }
}

Les technologies RIA (Flex/Silvelight/JavaFX) hors et dans le navigateur

2009-11-15T23:58:00.018+01:00

Toujours dans l'article sur les RIA du magazine Programmez n°124, il est dit que les 3 technologies RIA (Flex, Silverlight et JavaFX) peuvent fonctionner hors du navigateur et même que Silverlight hors du navigateur et équivalent à Adobe Air.
Que ces 3 technologies puissent fonctionner hors du navigateur est vrai, par contre dire que Silverlight hors du navigateur et équivalent à Adobe Air ce n'est pas vraiment exact.
Aussi, j'aimerais apporter quelques précisions (non exhaustives) sur ces technologies RIA hors du navigateur (et dans le navigateur aussi pour comparer ;) ).

Silverlight

Le mode hors du navigateur de Silverlight 3 est très limité, en effet une application Silverlight 3 s'exécutant hors du navigateur s'exécute aussi dans une sandbox, la même sandbox (et même runtime) que celle utilisé par le navigateur quand l'application s'exécute dans le navigateur.
L'application ne peut donc pas accéder aux ressources la machine ce qui est très limitant pour écrire une application desktop.
Pour écrire une vraie application desktop avec accès aux ressources de la machine, il faut utiliser WPF (uniquement Windows) qui diffère de Silverlight.
Microsoft propose d'ailleurs un très bon whitepaper comparant les WPF et Silverlight. http://wpfslguidance.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=28278

Flex AIR et Browser

Flex étant à la base une technologie pour écrire des applications s'exécutant dans le navigateur, Adobe a dû créer AIR pour pouvoir écrire des applications hors du navigateur.
Adobe AIR permet d'utiliser les ressources de la machine, contrairement à Silverlight, et d'écrire de vraies applications desktop en Flex.
Pourtant, il ne faut pas croire qu'une application écrite en Flex pour le navigateur va pourvoir fonctionner directement sur le desktop (hors du navigateur) car :

Le runtime Air est différents du player Flash pour le navigateur

Une application Flex/AIR est différente d'une application Flex pour le navigateur comme le montre ces 2 petits exemples de l'application Hello World pour Flex/AIR et Flex/navigateur.
(Air utilise le tag WindowedApplication pour créer sa fenêtre alors qu'une application Flex utilise le tag Application)

Application Flex/AIR

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" title="Hello World">

<mx:Script>
<![CDATA[
         private function hello():void{
              myText.text = "Hello world !";
         }
      ]]>

</mx:Script>

<mx:Text id="myText" x="10" y="10" text="..." width="209"/>
<mx:Button x="154" y="36" label="Click me" enabled="true" click="hello()"/>

</mx:WindowedApplication>

Application Flex Brower

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:Script>
<![CDATA[
         private function hello():void{
              myText.text = "Hello world !";
         }
      ]]>

</mx:Script>

<mx:Text id="myText" x="10" y="10" text="..." width="209"/>
<mx:Button x="154" y="36" label="Click me" enabled="true" click="hello()"/>

</mx:Application>

La compilation se fait avec la commande mxmlc pour une application Flex navigateur, alors qu'il faut utiliser amxmlc pour une application AIR.
En fait amxml n'est qu'un batch qui exécute mxmlc avec l'option +configname=air pour compiler une application Flex/AIR avec ses spécificités.

JavaFX

JavaFX est la technologie la plus en avance sur l'exécution dans le navigateur et hors du navigateur. En effet, JavaFX :

utilise le même runtime (JRE) que se soit pour une application desktop ou pour une application dans le navigateur.

peut accéder, pour une application desktop, aux ressources de la machine comme une application java classique (lors son exécution dans le navigateur, il utilise une sandbox comme une applet java classique)
utilise le même SDK et les mêmes APIs que l'on écrive une application desktop ou une application pour le navigateur web. (le code JavaFx est identique dans les 2 cas)

utilise le même compilateur pour compiler une application JavaFX desktop ou navigateur (javafxc)

Récapitulatif

	Runtimes navigateur et hors navigateur identiques	Accès aux ressources de la machine en mode hors du navigateur	Code identique pour écrire une application navigateur web ou desktop	Compilateur/ SDK identiques
Silverlight	oui	non	oui	oui
Flex	non	oui	non	non
JavaFX	oui	oui	oui	oui

A propos de l'article sur les RIA du magazine Programmez n° 124

2009-11-05T23:52:00.016+01:00

Je viens de lire l'article du magazine Programmez n°124 sur les RIA...
Et il y a plein de choses avec lesquelles je ne suis pas d'accord …
Mais le plus gros problème est l'exemple Hello World en JavaFX
Je ne sais pas ce qu'a voulu faire l'auteur, mais c'est clair qu'il ne connait pas JavaFX !

Pour pouvoir comparer un minimum les technos, j'ai donc réécrit cet exemple de deux manières différentes :

en utilisant le biding
en utilisant une méthode proche des exemples Flex et Silverlight

Et bien sûr, ces 2 exemples fonctionnent aussi bien dans le browser que en en dehors du browser

Méthode utilisant le binding

Main.fx

package helloworldprogrammez;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.text.Text;
import javafx.scene.text.Font;
import javafx.scene.control.Button;

/**
 * @author patrick
 */
var text="...";

Stage {
    title: "Hello World"
    width: 400
    height: 200
    scene: Scene {
        content: [
            Text {
                font : Font {
                    size : 12
                }
                x: 10
                y: 10
                content: bind text
            }
            Button {
                text: "Click me"
                translateX: 154
                translateY: 36
                action: function() {
                    text="Hello world !"
                }
            }
        ]
    }
}

Méthode proche des exemples Flex et Silverlight

Main2.fx

package helloworldprogrammez;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.text.Text;
import javafx.scene.text.Font;
import javafx.scene.control.Button;

/**
 * @author patrick
 */

Stage {
    var t:Text;

    title: "Hello World"
    width: 400
    height: 200
    scene: Scene {
        content: [
            t = Text {
                font : Font {
                    size : 12
                }
                x: 10
                y: 10
                content: "..."
            }
            Button {
                text: "Click me"
                translateX: 154
                translateY: 36
                action: function() {
                    t.content="Hello world !"
                }
            }
        ]
    }
}

Acquisition de Sun par Oracle – des news !

2009-10-28T20:23:00.013+01:00

Oracle publie, sur son site, un nouveau document concernant l’acquisition de Sun.

Ce document parle entre autre :

• Du futur des produits (incluant NetBeans, GlassFish, OpenOffice, VirtualBox , MySQL, …)

• De l’offre Hardware et Software

• Et de l’open source.

Vous pouvez lire ce document ici

Tant que j’y suis, d’autres news de produits Sun (En Early Access ou Beta)

Java ME SDK 3.0 pour Mac OS est disponible ici . On peut enfin tester nos applications JavaFX mobile sur le mac ;)

Et NetBeans 6.8 Beta est disponible ici. Il supporte entre autre GlassFish V3 / Java EE 6 et JavaFX

Je vais enfin pouvoir faire des tests sur Java EE 6 (et GlassFish V3) sans avoir a bidouiller mon NetBeans 6.7.1 ;)

JavaFX Custom Component

2009-10-14T22:26:00.007+01:00

This is just an example to show how you can create your own component from an existing component (here a TextBox).

For that, I wrote a new UI component which is a search text box like you can have it on Mac OS X. This search text box is just a TextBox enhanced with one method which is called each time you enter or delete a character and a small button to reset the criteria in the search text box.

The only problem is this line

override var style = "padding-right: 25 ";

which is not compatible with common profile, but I don’t know how to do that differently.

You can try this JavaFX custom component in the applet below

SearchTextBox.fx

/*
 * StatusField.fx
 *
 * Created on 3 oct. 2009, 00:44:26
 */

package customcomponent;

import javafx.scene.Group;
import javafx.scene.Node;
import javafx.scene.control.TextBox;
import javafx.scene.paint.Color;
import javafx.scene.shape.Circle;

import javafx.scene.shape.Rectangle;

import javafx.scene.input.MouseEvent;

import javafx.scene.input.KeyEvent;

/**
 * @author Patrick
 */

public class SearchTextBox extends TextBox {

    public var onResetSearch:function() : Void;
    public var onSearch:function(s: String) : Void;
    override var style = "padding-right: 25 ";

    override var styleClass = "searchTextBox";

    override var onKeyTyped = function(event:KeyEvent){
        if (this.rawText!=""){
            onSearch(this.rawText);
        }
    }
   
    public override function create():Node {
        var t = super.create();
        var resetButton:Group;

        var g = Group {
            content: [
                t,
                resetButton = Group {

                  var crossWidth = bind this.layoutBounds.height * 0.45;
                  var crossHeight = bind this.layoutBounds.height * 0.05;

                  visible : bind this.rawText.length() > 0
                  layoutX: bind this.layoutBounds.width - (this.layoutBounds.height / 2.0)
                  layoutY: bind this.layoutBounds.height / 2.0

                  content: 
                  [
                    Circle {
                        fill: Color.GRAY
                        radius:  bind this.layoutBounds.height * 0.325 // 65% of the texbox height and div 2 for the radius
                    }
                    Rectangle {
                        width: bind crossWidth
                        height:bind crossHeight

                        translateX: bind 0 - crossWidth / 2.0
                        translateY: bind 0 - crossHeight / 2.0

                        fill : Color.WHITE
                        rotate: 45
                    }
                    Rectangle {
                        width: bind crossWidth
                        height:bind crossHeight

                        translateX: bind 0 - crossWidth / 2.0
                        translateY: bind 0 - crossHeight / 2.0

                        fill : Color.WHITE
                        rotate: -45
                    }
                 ]

                 onMouseClicked: function (event:MouseEvent ){
                     commit();
                     this.text="";
                     onResetSearch();
                 }

             }
           ]
       }
       
       return g;
   }
}

Main.fx

/*
 * Main.fx
 *
 * Created on 3 oct. 2009, 00:44:05
 */

package customcomponent;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.text.Text;
import javafx.scene.text.Font;
import javafx.scene.control.Button;

/**
 * @author Patrick
 */

Stage {
    title: "Application title"
    width: 250
    height: 200
    
    scene: Scene {
        content: [
            Text {
                font : Font {
                    size : 16
                }
                x: 10
                y: 30
                content: "Search "
            }
            SearchTextBox {
                    translateX :10
                    translateY :40
                    

                    onResetSearch:function(){
                        println("reset !");
                    }
                    onSearch:function(s: String){
                        println("Search of : {s}");
                    }
            }
            Button {
                    text: "just a button to change focus"
                    translateX :10
                    translateY :80
                    action: function() {
                        println("Hello !")
                   }
            }
        ]
    }
}

Duke Anim JavaFX

2009-09-24T23:07:00.009+01:00

import java.util.Random;
import javafx.animation.Interpolator;
import javafx.animation.KeyFrame;
import javafx.animation.Timeline;
//import javafx.scene.effect.Reflection;
//import javafx.scene.effect.SepiaTone;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.Scene;
import javafx.scene.transform.Translate;
import javafx.stage.Stage;

/**
 * @author paddy
 */

class DukeAnimModel {
  
    public var imageURL = "{__DIR__}images/duke.png";
  
    public var x = 0;
    public var y = 0;

    var xTarget = 0;
    var yTarget = 0;

    var xTemp = 0;
    var yTemp = 0;

    public var anim =
    Timeline {
        autoReverse: false
        keyFrames: [
            KeyFrame {
                time: 0s
                values: [x => xTemp, y => yTemp]

            },
            KeyFrame {
                time: 1s
                //values: [x => 300 tween Interpolator.LINEAR,y => yTarget tween Interpolator.LINEAR]
                values: [x => xTarget tween
                    Interpolator.SPLINE(0,.5,.5,1),y => yTarget tween
                    Interpolator.SPLINE(0,.5,.5,1)]

                action: function(): Void{
                    println("at 1 second ...");

                    var generator = new Random();
                
                    //xTarget = (generator.nextFloat() * 400 + 1) as Integer;
                    xTarget = (
                    generator.nextFloat() * 240 + 1) as Integer;
                    println("xNext {xTarget} ");
                    //yTarget = (generator.nextFloat() * 300 + 1) as Integer;
                    yTarget = (
                    generator.nextFloat() * 320 + 1) as Integer;
                    println("yNext {yTarget} ");
                    xTemp=x;
                    yTemp=y;

                }
            },
        ]
        repeatCount: Timeline.INDEFINITE
    };
}

var dukeAnimModel = DukeAnimModel {}

dukeAnimModel.anim.play();


Stage {
    title: "Application title"
    width: 240  //400
    height: 320 //300
    scene: Scene {
        content: ImageView {
            transforms: Translate {
                x: bind dukeAnimModel.x
                y: bind dukeAnimModel.y
            }
            image: Image {
                url: dukeAnimModel.imageURL

            }
          /*  effect:Reflection{
                input: SepiaTone{
                }
            }
           */

        }
    }
    onClose: function(){
        println("exit");
    }
}

Mac Os X 10.5, une nouvelle preview(9) de java SE 6 !

2008-02-16T14:03:00.003+01:00

Une nouvelle Java SE 6 Developer Preview (9) est disponible sur ADC et elle inclus java SE 6 version 1.6.0_04 pour voir ce qu’il ya de nouveau, la realese note ! Et sinon, vous pouvez aussi allez lire ce que j’écris de temps en temps sur le blog de la boite ou je bosse actuellement :)

Java 6 on Mac Os X Leopard !!!!

2007-12-19T22:42:00.000+01:00

Ca y est, on a une version de Java 6 pour Leopard (Mac OS X 10.5) … Bon ok c’est qu’une version Developper (Preview 8) de Java 1.6.0_01 et c’est pas la release … Mais ca marche nickel chrome ;) Les exemples de Scene Graph, qui nécessitent Java 6, tournent super bien… ainsi que les prog JavaFX Script qui avaient quelques petits problèmes d’affichage en Java 5. Par contre je comprend pas pourquoi Java Web Start ne fonctionne pas avec Safari alors qu’il marche super bien avec Firefox !!! (en Java 6 bien sur ;) ) Un problème de configuration du Type MIME JNLP je pense …

13949712720901ForOSX

2007-11-05T10:23:00.001+01:00

13949712720901ForOSX I want Java 6 on Leopard

Apprendre JavaFX Script part III

2007-09-05T23:35:00.000+02:00

Et la troisième partie qui explique comment accéder à un Web Service JAX-WS 2.1 à partir de JavaFX Script

Apprendre JavaFX Script part II

2007-08-21T23:43:00.000+02:00

Après la première partie qui introduisait la syntaxe et la sémantique du langage JavaFX Script, voici la deuxième partie qui explique comment connecter un client (JavaFX Script) et des objets distants en utilisant RMI

Un autre article intéressant d’introduction à JavaFX Script

2007-08-02T15:47:00.000+02:00

http://www.onjava.com/pub/a/onjava/2007/07/27/introduction-to-javafx-script.html

Une introduction à JavaFX Script pour les programmeurs Java

2007-08-02T15:06:00.000+02:00

Cet article de Sun Developer Network est la première partie d’une série de trois pour apprendre JavaFX Script. Les deux autres ne seront pas moins intéressants, puisqu’ils parleront de la connexion entre une application JavaFX Script et des objets distants en utilisant RMI et JAX-WS.

Eclipse Europa, GlassFish et JSF

2007-07-26T23:41:00.000+02:00

Après avoir réussi à ajouter GlassFish dans Eclipse, j’ai voulu faire un projet JSF … Et la encore un petit souci, il n’y a pas les Tags JSF dans la palette … Une petite recherche sur le Web plus loin, et je suis tombé sur ce lien http://weblogs.java.net/blog/cayhorstmann/archive/2007/07/jsf_support_in.html Mais toujours pas de Tag JSF :( J’ai donc cherché un peu et voici ma solution … Donc il faut bien installer les libs JSF dans Eclipse • Dans Preference>Web and XML>JavaServer Faces Tools>Libraries faire new • Libray Name : GlassFishJSF • Version Supported : v1_2. • Ajouter seulement jsf-impl.jar qui se trouve dans le répertoire lib de GlassFish (Si je mets javaee.jar ça pose un problème de librairies dupliquées par la suite) • Cocher isJSFImplementation. Ensuite, j’ai ajouté la lib GlassFishJSF à mon projet JSF et j’ai redémarré Eclipse avec l’option –clean Et, oh miracle ;), j’ai les Tags JSF dans la palette!

Eclipse Europa et GlassFish

2007-07-25T15:44:00.000+02:00

En voulant tester les fonctionnalités Java EE et surtout JSF d’Eclipse Europa, j’ai voulu ajouter un nouveau serveur d’App à Eclipse et j’ai choisi celui que je préfère GlassFish ! J’ai donc suivi la procédure suivante … GlassFish Plugin for Eclipse IDE 3.3 (Europa) and WTP 2.0 RC3 or later J’ai eu aucun souci sous Mac OS , par contre sous Windows ça ne marchait pas … je ne voyais pas apparaître GlassFish dans la liste des types de serveur. La solution est, juste après l’installation du plugin, de redémarrer Eclipse avec l’option –clean C:\eclipse>eclipse -clean Et ça marche ! Pour JSF, à suivre …. ;) Note : visiblement ce problème n’est pas un problème de plugin GlassFish, j’ai eu le même problème avec le plugin Bea que j’ai résolu de la même manière …

News JavaFX de juillet !

2007-07-23T11:23:00.000+02:00

Ça bouge pas mal en ce moment autour de JavaFX ! Alors les news de juillet … La dernière version d’OpenJFX (du 20 juillet 2007) contient 2 nouvelles démos • Casual, un client Jabber (Messagerie instantanée) écrit en JavaFX script • SVG to JavaFX translator, un convertisseur de fichiers SVG en classes JavaFX script. La création d’un incubateur pour les projets émergeants autour d’OpenJFX … Et surtout les sources du compilateur JavaFX Script sont disponibles !

Mac OS X : MS Office et la MAJ QuickTime 7.2

2007-07-20T22:12:00.000+02:00

Vous venez de mettre à jour votre mac préféré (QuickTime 7.2, Itunes 7.3.1(3)) et MS Office ne démarre plus :( C’est juste un p’tit problème d’ update_prebinding Et la solution ... http://www.macfixit.com/article.php?story=20070720111621279

eclipse europa

2007-07-02T23:34:00.000+02:00

L’année dernière la fondation eclipse sortait callisto, incluant 10 projet … Cette année, c’est autour d’europa, avec 21 projets !! et eclipse en version 3.3 . Dans les principales nouveautés d’europa: • Support de Java EE 5 • SOA • Le support de Ruby Test en cours…

Les Sun Tech Days 2007 en Vidéo !

2007-06-25T10:30:00.000+02:00

Si vous aviez loupé les Sun Tech Days 2007 à Paris, aller faire un tour par ici ! Devellopez.com a pensé à vous et a mis en ligne une partie des présentations en vidéos …

JRuby et la plateforme Java

2007-06-19T15:44:00.000+02:00

Un article intéressant sur l’interaction entre JRuby et la plateforme Java avec entre autres :

comment faire du Swing en Ruby

comment exécuter du Script Ruby depuis Java à l’aide de la nouvelle fonctionnalité de scripting de Java SE 6 (jsr 223)

l’utilisation de NetBeans avec JRuby

etc…

JRuby passe en version 1.0 !

2007-06-11T23:36:00.000+02:00

http://headius.blogspot.com/2007/06/jruby-10-released.html et ça download ici ! http://dist.codehaus.org/jruby/

2 articles intéressants sur Sun Developper Network

2007-06-07T15:52:00.000+02:00

Le premier, Using the Persistence API in Desktop Applications, explique comment utiliser JPA dans une application Desktop en utilisant TopLink Essentials comme implémentation JPA Et le second, Java Web Start Technology and Application Clients in the GlassFish Application Server, montre comment faire une application riche en utilisant ACC (Application Client Container) de JEE et Java Web Start avec le serveur d’application GlassFish de Sun.

2 petits scripts JavaFX Script

2007-06-05T11:16:00.000+02:00

Le premier fait tourner un bouton sur lui-même lorsque l’on appuie dessus et le second montre comment changer le look & feel d’une frame JavaFX Script Script 1

import javafx.ui.*;
import javafx.ui.canvas.*;
import java.lang.System;

class AnimationExample {
  attribute rotationValue: Number;
}

var animationExample = new AnimationExample();

var f = Frame {
     title: "Animation - Rotate Button JavaFX Script"
     width: 800
     height: 600    
     content:
Canvas {
  content:
  [
  View {
      transform: bind [ translate(350, 54),
            rotate(animationExample.rotationValue, 40,11) ]
      size: {width: 80, height: 22}
      content: Button {
          text: "Rotate"
          font: new Font("Arial", "PLAIN", 11)
          action: operation() {
              animationExample.rotationValue = [1..360] dur 1000 linear;
          }
      }
  }
  ]
}
  visible: true
};

Script 2

import javafx.ui.*;
import javafx.ui.canvas.*;
import java.lang.System;

import javax.swing.SwingUtilities;
import javax.swing.UIManager;

var f = Frame {
     title: "Change Look & Feel JavaFX Scrit"
     width: 800
     height: 600
     content:

Canvas {
  content:
  [
  View {
      transform: bind [ translate(350, 54), ]
      size: {width: 80, height: 22}
      content: Button {
          text: "Button"
          font: new Font("Arial", "PLAIN", 11)
          action: operation() {
          println("Operation");
          }
      }
  },
  View {
          transform: bind [ translate(350, 84) ]
          size: {width: 80, height: 22}
          content: TextField {
          font: new Font("Arial", "PLAIN", 11)
          }
      }
      ]
  }

  visible: true
};
//f.pack();

UIManager.setLookAndFeel("javax.swing.plaf.metal.MetalLookAndFeel");
//UIManager.setLookAndFeel("com.sun.java.swing.plaf.motif.MotifLookAndFeel");

SwingUtilities.updateComponentTreeUI(f.frame);

JavaFX les news du jour !

2007-05-28T10:56:00.000+02:00

On commence par le tout premier éditeur WYSIWYG pour JavaFX, JFXBuilder On continue avec les sources d’un playeur de MP3 en JavaFX Script L’interface utilisateur de ce playeur est écrite totalement en JavaFX Script, mais sans utilisation de la partie script de description UI Et on finit par un petit éclaircissement sur cette histoire de licence Nandini Ramani (Sun) clears up any confusion on the JavaFX user list I would like to reiterate that it is perfectly fine to distribute your JavaFX applications, in fact we encourage it. I was just pointing out that it is not yet ready for commercial use. [Developers] are welcome to distribute their applications. Unlike other proprietary companies, we at Sun really do believe in open source and community involvement. I am sorry we do not have a licensing model in place yet, but I assure you that we are working on it and I will keep you all posted as soon as we have one in place. Q: Is the JavaFX Runtime the same thing as the JavaFX Script which is to be “open sourced” as per the FAQ? Nandini R: Yes, it is and the runtime will be open sourced.

NetBeans passe à la version 5.5.1 !

2007-05-25T10:59:00.000+02:00

Elle permet entre autres, en plus des corrections de bug, d’utiliser GlassFish V2 et ajoute le support de Windows Vista. NetBeans 5.5.1 , GlassFish V2 Beta2

JavaFx Script, un p’tit problème de licence peut-être ?

2007-05-23T17:45:00.001+02:00

Date: Tue, 22 May 2007 14:52:58 -0700 From: nandini Content-type: text/plain; format=flowed; charset=ISO-8859-1 Subject: Current legal status of JavaFX Guillaume, The licensing terms for JavaFX are still under discussion. So, you cannot redistribute JavaFXPad or any of the jars. I will keep you posted once we have something in place. -Nandini > Hi, I would like to know what is the current legal status of JavaFX. > In particular: > - Can I redistribute javafxrt.jar, Filters.jar and swing-layout.jar > with a GPL application? With a commercial application? > - Can I redistribute JavaFXPad? > - Can I distribute a modified version of JavaFXPad? Under which license? > > Regards, > g >

Source : https://openjfx.dev.java.net/servlets/ReadMsg?list=users&msgNo=264

JavaFX Script – premier retour

2007-05-23T15:38:00.000+02:00

J’ai commencé à faire quelques trucs avec JavaFX Script et ce que je pensais être au départ un simple langage de script orienté UI, va en fait un peu plus loin. C’est un véritable langage de script ! Pour effectuer mes tests j’ai utilisé Netbeans 6 M9 avec le plugin adéquat. Malheureusement, après l’installation du plugin, je ne peux plus faire que du JavaFX … , le reste des wizards de création (projet, classe, etc…) se bloquant avant la fin et ne générant pas ce qu’ils doivent générer. En plus le plugin, ne propose pas la coloration syntaxique, ni la complétion :( Donc après ces quelques tests, j’ai collecté quelques liens intéressants, enfin ceux qui m’ont servi à commencer. le language JavaFX Script https://openjfx.dev.java.net/JavaFX_Programming_Language.html les widgets JavaFX http://blogs.sun.com/chrisoliver/resource/widgets.html Tutorial pour bien commencer ! https://openjfx.dev.java.net/Getting_Started_With_JavaFX.html le blog de Chris Oliver http://blogs.sun.com/chrisoliver/ Les sources ainsi que les sources et des exemples https://openjfx.dev.java.net/servlets/ProjectDocumentList à noter que dans se package se trouve aussi les sources de : JavaFXPad demo, Script 2D Graphics Tutorial, Tesla Demo, Studiomoto Demo

Non, les applets ne sont pas mortes !

2007-05-16T11:17:00.000+02:00

Iris est une démo (montrée à Java One) assez impressionnante mixant applet, Swing, HTML, JavaScript et AJAX !

Iris shows the power of modern Java applets, highlighting the following major features of the Java platform:
Next-generation web integration: Java applets interoperate well with JavaScript in all major web browsers.
Multithreading support in the Java platform and libraries hides network latency from the end user, and increases the application’s throughput.
Native desktop integration supports concepts like drag-and-drop "on to the web".
The Java platform’s powerful and flexible security model allows true web service mashups to be created which connect simultaneously to many web services.
The rich image handling and graphics capabilities of the Java core libraries facilitate development of advanced graphical applets and applications.
Dynamic extension of applets: new techniques developed within the past year in the JOGL project allow applets to use OpenGL for 3D graphics, OpenAL for spatialized audio, Java Media codecs, and other extensions previously only available to desktop or Java Web Start applications.

Pour voir la vidéo de la démo Ou pour essayer Iris (ça marche pas toujours ! :( et Iris à besoin d’un Java SE 6)

JavaFX pour les RIA (Rich Internet Application)

2007-05-09T14:57:00.000+02:00

On attendait la réponse de Sun à Silverlight (ex WPF/E) de Microsoft et Flash/Flex/Apollo d’Adobe … Et bien la voila ! A Java One, Sun annonce JavaFX ! Pour plus d’info sur JavaFX c’est par ici Et pour le projet OpenJFX c’est pas la ! J’ai essayé quelques démos… Dans une qui ressemble au XAMLPad de Microsoft, le JavaFXPad … Par rapport au XAML le JavaFX Script parait assez bizarre, mais c’est tout nouveau donc on a pas encore l’habitude … Et surtout, il faudra voir à l’usage !

Le numéro de Mai de NetBeans Magazine est dispo

2007-05-07T17:21:00.000+02:00

NetBeans magazine de Mai

NetBeans 6.0 M9 (Milestone 9) est arrivé !

2007-05-07T17:09:00.000+02:00

Les principales nouveautés (pour la version full)

Support de Ruby, JRuby et Ror (Ruby on Rails)
Plus de facilités pour développer en Swing avec l’intégration de JSR 295 (Beans Binding) et 296 (Swing Application Framework)
Intégration d’un profiler (ex profiler pack)
Intégration d’un designer visuel pour les applications Web (ex Visual Web Pack)
Intégration d’un outil de développement pour CDLC/MIDP et CDC (ex Mobility Pack) (pas présent pour les utilisateurs Mac :( )
Intégration d’un modeleur UML et SOA (ex Entreprise Pack)
Etc…

Pour plus d’information Et pour le download !

Beans Binding (JSR 295) exemple

2007-05-06T18:16:00.000+02:00

La version 0.5 de l’implémentation de référence de la JSR 295 a été rendu public début avril Ayant voulu essayer de faire joujou avec, je me suis heurté au manque d’exemple … "An proper introduction and examples on this project page are forthcoming."’ J’ai donc récupéré un ancien exemple de Scott Violet sur son blog que j’ai adapté à cette nouvelle version de la RI de Beans Binding et les sources sont downloadable ici (ou la) et utilisent le jdk 1.6 (utilisation de GroupLayout) Pour utiliser le projet NetBeans, il faut re-référencer les jars qui se trouve dans le répertoire lib du projet et positionner le bon jdk ! La classe à exécuter est BindingCaricatureController (NoBindingCaricatureController et la version sans Beans binding)