JavaFX : JfxFrame

Posted on 17/11/2014 by mik

Hi all,

I have developed a JfxFrame for JavaFX for my own needs. Now you can have your JavaFX code without a JavaFX application. I share it as it might interest others. Please find below a small code sample.

import javafx.scene.control.Label;
import javafx.scene.paint.Color;

import org.capcaval.ermine.jfx.JfxFrame;
import org.capcaval.ermine.jfx.JfxFrameCallBack;
import org.capcaval.ermine.jfx.JfxTools;


public class JfxFrameMain {

public static void main(String[] args) {
	System.out.println("Main thread name : " + 
                         Thread.currentThread().getName());
		
	// create a instance of frame
	JfxFrame frame = JfxFrame.factory.newInstance(
		"JfxFrameMain", 
		10, 10, 500, 300, 
		new JfxFrameCallBack() {
			@Override
			public void notifyFrameCreated(JfxFrame frame) {
				// check out that it is running 
                        // inside the correct thread
				System.out.println("Jfx thread name : " + 
                                   Thread.currentThread().getName());
				frame.setbackgroundColor(Color.DARKBLUE);
						
				// create and add a label
				Label label = new Label("Hello!");
				label.setTextFill(Color.WHITE);
				frame.setView(label);
			}
		});
	// display it
	frame.display();
    }
}

import javafx.scene.control.Label;

import javafx.scene.paint.Color;

import org.capcaval.ermine.jfx.JfxFrame;

import org.capcaval.ermine.jfx.JfxFrameCallBack;

import org.capcaval.ermine.jfx.JfxTools;

public class JfxFrameMain {

public static void main(String[] args) {

System.out.println("Main thread name : " +

Thread.currentThread().getName());

// create a instance of frame

JfxFrame frame = JfxFrame.factory.newInstance(

"JfxFrameMain",

10, 10, 500, 300,

new JfxFrameCallBack() {

@Override

public void notifyFrameCreated(JfxFrame frame) {

// check out that it is running

// inside the correct thread

System.out.println("Jfx thread name : " +

Thread.currentThread().getName());

frame.setbackgroundColor(Color.DARKBLUE);

// create and add a label

Label label = new Label("Hello!");

label.setTextFill(Color.WHITE);

frame.setView(label);

}

});

// display it

frame.display();

}

To use it you have to download Ermine.jar

Of course you can create several frames, just by allocating and displaying several instances.

At first glance, it looks like the old Swing or AWT frame, but it is a bit different as it is coming with a callback method which is executed inside the correct JavaFX Thread. I have created such frame not by nostalgia but for having a class containing main without JavaFX application. This way you can use JavaFX everywhere inside your own architecture and not only from a class with JavaFX’s main.

In my opinion the JavaFx code should be a leaf in architecture as other application parts like data processing, database access, network server etc..

To create this frame, I had to add a method known by Swing coder invokeAndWait that might also interest some JavaFX coders :

JfxTools.invokeAndWait(new Runnable() {
	@Override
	public void run() {
		// Add your code
	}
});

JfxTools.invokeAndWait(new Runnable() {

@Override

public void run() {

// Add your code

}

});

Next time I will present you new features of RefPointLayout.

Cheers.

Mik

JavaFX layout

Posted on 01/10/2014 by mik

Hi,

At last, I have started to work on JavaFX. For my first development, I share with you a new Layout named RefPointLayout. It’s principal is simple as you define one node position or two points node relatively to some reference points.

With one point you can set only the node position. With two points you can set the node position and size. The below diagram shows you the main key points of this layout :

Let’s see together an example with scaled node and fixed size node. The HMI contains two scalable list views and two fixed size buttons. For the list view of the left side, its top left corner is relative to the top left parent reference point and the bottom right corner is relative to the bottom centre parent reference point. This way it is following window resize with a constant delta x and y. For the two buttons their position is set relatively to the middle centre reference point.

The code to create the above HMi is the following :

package org.capcaval.ermine.jfx.layout._test;

import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.ListView;
import javafx.scene.layout.Pane;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

import org.capcaval.ermine.jfx.layout.JfxRefPointLayout;
import org.capcaval.ermine.layout.RefPointEnum;

public class JfxRefPointLayoutMain extends Application {
    public static void main(String[] args) {
        Application.launch(args);
    }
    
    @Override
    public void start(Stage stage) {
        stage.setTitle("RefPoint Layout");
        stage.setMinHeight(200);
        stage.setMinWidth(200);
        
        Pane pane = new Pane();
        Scene scene = new Scene(pane, 400, 400, Color.WHITE);
        
		// use a ref point layout
		JfxRefPointLayout layout = new JfxRefPointLayout(pane); 
        
        final ObservableList<String> lDataList = FXCollections.observableArrayList("A","B","C");
        final ListView<String> leftListView = new ListView<String>(lDataList);

        layout.addResizableNode( leftListView, 
        		RefPointEnum.topLeftPoint, 10, 10, 
        		RefPointEnum.bottomCenterPoint, -25, -10);
        
        final ObservableList<String> rDataList = FXCollections.observableArrayList("D", "E", "F");
        final ListView<String> rightListView = new ListView<String>(rDataList);

        layout.addResizableNode( rightListView, 
        		RefPointEnum.topCenterPoint, 25, 10, 
        		RefPointEnum.bottomRightPoint, -10, -10);

        Button sendRightButton = new Button(">");
        Button sendLeftButton = new Button("<");
        VBox menu = new VBox(5);
        menu.getChildren().addAll(sendRightButton,sendLeftButton);
        
        layout.addNode(menu, RefPointEnum.middleCenterPoint, -15, -40);
       
        stage.setScene(scene);
        stage.show();
    }
}

package org.capcaval.ermine.jfx.layout._test;

import javafx.application.Application;

import javafx.collections.FXCollections;

import javafx.collections.ObservableList;

import javafx.scene.Scene;

import javafx.scene.control.Button;

import javafx.scene.control.ListView;

import javafx.scene.layout.Pane;

import javafx.scene.layout.VBox;

import javafx.scene.paint.Color;

import javafx.stage.Stage;

import org.capcaval.ermine.jfx.layout.JfxRefPointLayout;

import org.capcaval.ermine.layout.RefPointEnum;

public class JfxRefPointLayoutMain extends Application {

public static void main(String[] args) {

Application.launch(args);

}

@Override

public void start(Stage stage) {

stage.setTitle("RefPoint Layout");

stage.setMinHeight(200);

stage.setMinWidth(200);

Pane pane = new Pane();

Scene scene = new Scene(pane, 400, 400, Color.WHITE);

// use a ref point layout

JfxRefPointLayout layout = new JfxRefPointLayout(pane);

final ObservableList<String> lDataList = FXCollections.observableArrayList("A","B","C");

final ListView<String> leftListView = new ListView<String>(lDataList);

layout.addResizableNode( leftListView,

RefPointEnum.topLeftPoint, 10, 10,

RefPointEnum.bottomCenterPoint, -25, -10);

final ObservableList<String> rDataList = FXCollections.observableArrayList("D", "E", "F");

final ListView<String> rightListView = new ListView<String>(rDataList);

layout.addResizableNode( rightListView,

RefPointEnum.topCenterPoint, 25, 10,

RefPointEnum.bottomRightPoint, -10, -10);

Button sendRightButton = new Button(">");

Button sendLeftButton = new Button("<");

VBox menu = new VBox(5);

menu.getChildren().addAll(sendRightButton,sendLeftButton);

layout.addNode(menu, RefPointEnum.middleCenterPoint, -15, -40);

stage.setScene(scene);

stage.show();

}

In order to compile the above code, you need to download Ermine.jar. The layout is also available as a pane. Personally I quite like it as an independent layout interface. In the future, I might improve it by adding some customed reference points.

Cheers,

Mik

Présentation sur les Interfaces Graphiques

Posted on 20/03/2012 by mik

Merci aux personnes présentes à la conférence sur le sujet des Interfaces Graphiques. Pour eux et pour ceux qui n’ont pu venir, veuillez trouver la présentation ici

Mik's blog

Digital works

Tag Archives: javafx

JavaFX : JfxFrame

JavaFX layout

Présentation sur les Interfaces Graphiques