Building non-blocking JavaFX 8 applications with JacpFX [CON1823]

Building non-blocking JavaFX 8 applications with JacpFX

13.04.2023 http://jacpfx.org @ JavaOne 2014 1

[email protected] / @AndyAHCP

http://jacpfx.org/

About us Andy Moncsek

Java consultant (Trivadis AG Switzerland) mainly working on JacpFX “core framework” Twitter: @AndyAHCP


Patrick Symmangk a.k.a. "PETE” Java and web-developer mainly working on UI and custom-

controls Twitter: @slashPETE

http://jacpfx.org/

Agenda

Introduction to JacpFX

Integration example with MQTT

Demo


http://jacpfx.org/

Introduction to JacpFX RCP on JavaFX


2006/7

Jacp

2009

Jacp SWT/Swing

2011/12

JacpFX 1.0

2014

JacpFX 2.0

http://jacpfx.org/

Messaging

Non-B

lock

ing U

ILoose coupling

Com

posi

tion


http://jacpfx.org/

Structuring & composition


http://jacpfx.org/


UI is always hierarchicalControl / know your UI tree

○ Workbench: Main Window, ToolBar○ Perspective(s): Master-View (page

template)○ Component(s): Detail-View (reusable)

Reuse controller / view in different context


http://jacpfx.org/


@Perspective(viewLocation = "/fxml/perspectiveOne.fxml")public class PerspectiveOne implements FXPerspective { @FXML HBox cTop, cMain;

@PostConstruct public void onStartPerspective(PerspectiveLayout pl) {

pl.registerTargetLayoutComponent("TOP", cTop); pl.registerTargetLayoutComponent("MAIN", cMain);}

}


http://jacpfx.org/


@DeclarativeView(initialTargetLayoutId = "MAIN",

viewLocation = "/fxml/View_1.fxml")public class ComponentTwo implements FXComponent {

…}


http://jacpfx.org/

Loose coupling


http://jacpfx.org/

Loose coupling

No direct references (only by ID)

Move / replace components (at runtime)

Reuse components in different contexts

Easy packaging


http://jacpfx.org/

Loose coupling// annotations@Workbench(id = "id1”, perspectives = {"p01","p02"})

@Perspective(id = "p01”, components = {"c01","c02"})

@View(id = "c01”, initialTargetLayoutId = "TOP")

// render target registrationpl.registerTargetLayoutComponent("TOP", cTop);


http://jacpfx.org/

Messaging


http://jacpfx.org/

Messaging

Lightweight communicationState changing (know the lifecycle)Asynchronous

Decouple cause and effect

Easy to understandAddressing: “perspectiveId .

componentId”


http://jacpfx.org/

Messaging// message to yourselfctx.send("Hello World")

// message to perspective p01ctx.send("p01","Hello World")

// message to component c01 in perspective p01ctx.send("p01.c01","Hello World")


http://jacpfx.org/

Non-Blocking UI


http://jacpfx.org/

Non-Blocking UI

Triggered by messagesSequential message handling

Separate tasks from state changingExecute tasks in worker threadUpdate view in FXApplication thread


http://jacpfx.org/

Non-Blocking UI@View(id="c01",…)public class ComponentTwo implements FXComponent { public Node handle(Message m) throws Exception { // executed in workers thread on message return new HBox(); } public Node postHandle(Node n, Message m) throws Exception{ // in FX Thread after "handle(...)" is finished

parent.getChildren().add(n); return parent; }}


http://jacpfx.org/

Extras

ToolBar, Dialog, Option Button

Context & Resource injection

Lifecycle annotations

(Dependency Injection)Depends on „Launcher“

implementation


http://jacpfx.org/

JACPToolbar Extended JavaFX Toolbar

Add Regions to front/top, center/end

Automatic or manual button management


http://jacpfx.org/

Dialog

Modal Dialog on top of a blurry UIDialog and blur on separate layers

Base for JACPOptionPaneDialog with Button-Support


http://jacpfx.org/

Integration example with MQTT


http://jacpfx.org/

Integration

Example: remote drawing

Connected via Topic to MQTT BrokerMQTT (Message Queue Telemetry

Transport): machine-to-machine connectivity protocol for lightweight publish/subscribe messaging


http://jacpfx.org/

Integration Non UI Component

Move impl. to extra componentHide integration from UIIntegrate via internal message bus


http://jacpfx.org/

Integration

@Component(id="MQTT01")public class Mqtt implements CallbackComponent, MqttCallback {

public Object handle(Message m) throws Exception { if (m.isMessageBodyTypeOf(ConnProperties.class)) // subscribe to topic else if (m.isMessageBodyTypeOf(CPoint.class)) // publish to topic return null;

}

public void messageArrived(String s, MqttMessage m){...}}


http://jacpfx.org/

Integration

Mouse EventCoordinates on the Canvas send via

message bus

c.addEventHandler(MOUSE_DRAGGED,(e) ->ctx.send("p01.MQTT01", new CPoint(e.getX(), e.getY(), Type.DRAW)));


http://jacpfx.org/

Integration

DrawingReceives X,Y from integration

component


http://jacpfx.org/

Integration@DeclarativeViewpublic class CanvasComponent implements FXComponent {...

public Node postHandle(Node n, Message m) throws Exception { if (m.isMessageBodyTypeOf(CPoint.class)) {

CPoint p= m.getTypedMessageBody(CPoint.class); gc.lineTo(p.getX(), p.getY());

... } return null; }

}


http://jacpfx.org/

DEMO


http://jacpfx.org/

Outlook

Mobile/Embedded friendly UI

New Message bus?Network transparent

Classloader isolation?

More demos / archtypes


http://jacpfx.org/

http://jacpfx.org

[email protected] / @AndyAHCP

[email protected] / @slashPETE


http://jacpfx.org/

QA


http://jacpfx.org/

References

http://jacpfx.org https://github.com/JacpFX/JacpFX www.javafxdata.org http://mqtt.org http://vertx.io


http://jacpfx.org/

https://github.com/JacpFX/JacpFX

https://github.com/JacpFX/JacpFX

http://www.javafxdata.org/

http://mqtt.org/

http://vertx.io/

http://jacpfx.org/

Technology

Building non-blocking JavaFX 8 applications with JacpFX [CON1823]