B4J Library ControlsFX Library

Status
Not open for further replies.
ControlsFX is a large open source library that extends JavaFX: http://fxexperience.com/controlsfx/features/
It requires Java 8.

jControlsFX is a wrapper for several controls and features from this library.

The following controls are supported:
BreadCrumbBar, CheckComboBox, ColorPicker, HyperlinkLabel, InfoOverlay, ListSelectionView, SegmentedButton, Separator and StatusBar.
You can see them in the screenshot (Mac version) and attached project.
You can download the compiled version of this example: www.b4x.com/b4j/files/ControlsFXExample.jar

upload_2015-2-15_17-32-19.png


It also includes a class with useful features named ControlsUtils.
ControlsUtils allows you to:
- Set the nodes background color or image.
- Add a decoration to a node (like the exclamation mark near the text field above).
- Show notifications.
- Set the size of nodes even if you do not know the node type.

PropertySheet:

SS-2015-02-18_16.53.50.png


https://www.b4x.com/android/forum/threads/propertysheet.50863/#post-318066

Note that the library is included in B4J installation.
 

Attachments

  • ControlsFXExample.zip
    4 KB · Views: 1,621
Last edited:
Click to expand...
Peter Simpson

Peter Simpson

Expert
Licensed User
Longtime User
Hmm, clicking on either of the two Show notification buttons causes a big bang. I'll look at it more closely when I get the chance later. But everything else works and It's looking grrrrrrrrrrrreat.
B4X: 
Sub btnNotificationInForm_Action
    cutils.ShowNotification3("Controls FX Notification", "Shown in form", cutils.ICON_INFORMATION, _
        MainForm, "BOTTOM_CENTER", 5000)
End Sub

Sub btnNotification_Action
    cutils.ShowNotification("Controls FX Notification", "Shown in screen", cutils.ICON_WARNING)
End Sub
Causes
B4X: 
Program started.
Range: 20 - 100
Range: 20 - 80
main._btnnotificationinform_action (java line: 136)
java.lang.NoClassDefFoundError: com/sun/javafx/scene/traversal/ParentTraversalEngine
    at org.controlsfx.control.ButtonBar.<init>(ButtonBar.java:412)
    at org.controlsfx.control.ButtonBar.<init>(ButtonBar.java:355)
    at org.controlsfx.control.action.ActionUtils.createButtonBar(ActionUtils.java:429)
    at impl.org.controlsfx.skin.NotificationBar.updatePane(NotificationBar.java:164)
    at impl.org.controlsfx.skin.NotificationBar.<init>(NotificationBar.java:160)
    at org.controlsfx.control.Notifications$NotificationPopupHandler$1.<init>(Notifications.java:332)
    at org.controlsfx.control.Notifications$NotificationPopupHandler.show(Notifications.java:332)
    at org.controlsfx.control.Notifications$NotificationPopupHandler.show(Notifications.java:317)
    at org.controlsfx.control.Notifications.show(Notifications.java:263)
    at org.controlsfx.control.Notifications.showInformation(Notifications.java:238)
    at anywheresoftware.b4j.objects.ControlsUtils.ShowNotification3(ControlsUtils.java:131)
    at b4j.example.main._btnnotificationinform_action(main.java:136)
    at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
    at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62)
    at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)
    at java.lang.reflect.Method.invoke(Method.java:483)
    at anywheresoftware.b4a.BA.raiseEvent2(BA.java:93)
    at anywheresoftware.b4a.BA$2.run(BA.java:165)
    at com.sun.javafx.application.PlatformImpl$6$1.run(PlatformImpl.java:301)
    at com.sun.javafx.application.PlatformImpl$6$1.run(PlatformImpl.java:298)
    at java.security.AccessController.doPrivileged(Native Method)
    at com.sun.javafx.application.PlatformImpl$6.run(PlatformImpl.java:298)
    at com.sun.glass.ui.InvokeLaterDispatcher$Future.run(InvokeLaterDispatcher.java:95)
    at com.sun.glass.ui.win.WinApplication._runLoop(Native Method)
    at com.sun.glass.ui.win.WinApplication.access$300(WinApplication.java:39)
    at com.sun.glass.ui.win.WinApplication$4$1.run(WinApplication.java:112)
    at java.lang.Thread.run(Thread.java:745)
Caused by: java.lang.ClassNotFoundException: com.sun.javafx.scene.traversal.ParentTraversalEngine
    at java.net.URLClassLoader$1.run(URLClassLoader.java:372)
    at java.net.URLClassLoader$1.run(URLClassLoader.java:361)
    at java.security.AccessController.doPrivileged(Native Method)
    at java.net.URLClassLoader.findClass(URLClassLoader.java:360)
    at java.lang.ClassLoader.loadClass(ClassLoader.java:424)
    at sun.misc.Launcher$AppClassLoader.loadClass(Launcher.java:308)
    at java.lang.ClassLoader.loadClass(ClassLoader.java:357)
    ... 27 more
[/Code}
 
jmon

jmon

Well-Known Member
Licensed User
Longtime User
Erel said:
I will add it in the next update.
Click to expand...
Thanks. If it's not too much to ask, would it be possible to add the dark theme to the notifications too?:
B4X: 
notificationPane.getStyleClass().add(NotificationPane.STYLE_CLASS_DARK);
Thanks again for this library.
 
jmon

jmon

Well-Known Member
Licensed User
Longtime User
I modified your source code, and I got what I needed. Very simple in fact, thanks for publishing the source code, I now know how to make java classes!:
B4X: 
public void ShowNotification4(String Title, String Text, Node Graphic, String Position, int DurationMs) {
    Notifications n = Notifications.create().title(Title).text(Text);
    n.position(getPosition(Position));
    n.hideAfter(Duration.millis(DurationMs));
    n.graphic(Graphic);
    n.darkStyle();
    n.show();
}

in B4j:
B4X: 
    Dim iv As ImageView
iv.Initialize("")
iv.SetImage(fx.LoadImageSample(File.DirAssets, "User1.png", 64, 64))
iv.Width = 64
iv.Height = 64
n.ShowNotification4("Hello", "Black style", iv, "BOTTOM_RIGHT", 3000)

and this is the result:
Capture.PNG


Thanks!
 
rwblinn

rwblinn

Well-Known Member
Licensed User
Longtime User
Great Library and many thanks for the source.

Good learning and easy to modify using Eclipse - in short steps:
Create a new project jControlsFX, add the additional jars jCore, jFX and controlsfx-8 to the build path, import the java files from the controlsfx folder, make modifactions, create javadoc, export as jar. Thats it.

Looking forward for more to come...
 
aidymp

aidymp

Well-Known Member
Licensed User
Longtime User
jmon said:
I modified your source code, and I got what I needed. Very simple in fact, thanks for publishing the source code, I now know how to make java classes!:
B4X: 
public void ShowNotification4(String Title, String Text, Node Graphic, String Position, int DurationMs) {
    Notifications n = Notifications.create().title(Title).text(Text);
    n.position(getPosition(Position));
    n.hideAfter(Duration.millis(DurationMs));
    n.graphic(Graphic);
    n.darkStyle();
    n.show();
}

in B4j:
B4X: 
    Dim iv As ImageView
iv.Initialize("")
iv.SetImage(fx.LoadImageSample(File.DirAssets, "User1.png", 64, 64))
iv.Width = 64
iv.Height = 64
n.ShowNotification4("Hello", "Black style", iv, "BOTTOM_RIGHT", 3000)

and this is the result:
View attachment 32539

Thanks!
Click to expand...

Is there any possibility this will be built into the library I really want that option!

Thanks

Aidy
 
aidymp

aidymp

Well-Known Member
Licensed User
Longtime User
rwblinn said:
Great Library and many thanks for the source.

Good learning and easy to modify using Eclipse - in short steps:
Create a new project jControlsFX, add the additional jars jCore, jFX and controlsfx-8 to the build path, import the java files from the controlsfx folder, make modifactions, create javadoc, export as jar. Thats it.

Looking forward for more to come...
Click to expand...

Just trying this method, but apparently I have 100 errors! i presume i have done something wrong, but i dont know java and i have just downloaded eclipse! any pointers please?
snagit2.png
 
rwblinn

rwblinn

Well-Known Member
Licensed User
Longtime User
Hi aidymp,

you need to change the package name from (default package) to anywheresoftware.b4j.objects.
How: By selecting (default package), press F2 and then enter the package name anywheresoftware.b4j.objects followed by OK.

Give a Try again,
Rob
 
aidymp

aidymp

Well-Known Member
Licensed User
Longtime User
jmon said:
I modified your source code, and I got what I needed. Very simple in fact, thanks for publishing the source code, I now know how to make java classes!:
B4X: 
public void ShowNotification4(String Title, String Text, Node Graphic, String Position, int DurationMs) {
    Notifications n = Notifications.create().title(Title).text(Text);
    n.position(getPosition(Position));
    n.hideAfter(Duration.millis(DurationMs));
    n.graphic(Graphic);
    n.darkStyle();
    n.show();
}

in B4j:
B4X: 
    Dim iv As ImageView
iv.Initialize("")
iv.SetImage(fx.LoadImageSample(File.DirAssets, "User1.png", 64, 64))
iv.Width = 64
iv.Height = 64
n.ShowNotification4("Hello", "Black style", iv, "BOTTOM_RIGHT", 3000)

and this is the result:
View attachment 32539

Thanks!
Click to expand...
Hi, any chance of a copy of the library that lets you change the colour and image I really like the idea of custom images

Thanks

Aidy
 
jmon

jmon

Well-Known Member
Licensed User
Longtime User
aidymp said:
Hi, any chance of a copy of the library that lets you change the colour and image I really like the idea of custom images

Thanks

Aidy
Click to expand...
Here it is, I called it Notifications4 or something like that.
You can modify the source code, then compile it with the simple library compiler that Erel created. You will find it on the forum.
 

Attachments

  • Notif.zip
    2.5 KB · Views: 657
koaunglay

koaunglay

Member
Licensed User
Longtime User
Erel said:
ControlsFX is a large open source library that extends JavaFX: http://fxexperience.com/controlsfx/features/
It requires Java 8.

jControlsFX is a wrapper for several controls and features from this library.

The following controls are supported:
BreadCrumbBar, CheckComboBox, ColorPicker, HyperlinkLabel, InfoOverlay, ListSelectionView, SegmentedButton, Separator and StatusBar.
You can see them in the screenshot (Mac version) and attached project.
You can download the compiled version of this example: www.b4x.com/b4j/files/ControlsFXExample.jar

View attachment 32225

It also includes a class with useful features named ControlsUtils.
ControlsUtils allows you to:
- Set the nodes background color or image.
- Add a decoration to a node (like the exclamation mark near the text field above).
- Show notifications.
- Set the size of nodes even if you do not know the node type.

PropertySheet:

SS-2015-02-18_16.53.50.png


https://www.b4x.com/android/forum/threads/propertysheet.50863/#post-318066

Installation instructions:

1. Download the library: http://fxexperience.com/downloads/controlsfx-8.20.8.zip
2. Rename controlsfx-8.20.8.jar to controlsfx-8.jar and copy it to the additional libs folder.
3. Make sure that the IDE is configured to use Java 8 (Tools - Configure Paths).
4. Download the attached library and add it to your project.

Please pay attention to the installation instructions. They include a "non-standard" step.
The library Java source code is included in the library zip.
Click to expand...
B4X: 
B4J version: 3.00
Parsing code.    (0.01s)
Compiling code.    (0.05s)
Compiling generated Java code.    Error
javac 1.7.0_03
src\b4j\example\main.java:7: error: package javafx.application does not exist
public class main extends javafx.application.Application{
                                            ^
1 error
 
jmon

jmon

Well-Known Member
Licensed User
Longtime User
koaunglay said:
B4X: 
B4J version: 3.00
Parsing code.    (0.01s)
Compiling code.    (0.05s)
Compiling generated Java code.    Error
javac 1.7.0_03
src\b4j\example\main.java:7: error: package javafx.application does not exist
public class main extends javafx.application.Application{
                                            ^
1 error
Click to expand...
Read the second line of the first post. It require Java 8 minimum.
 
Status
Not open for further replies.
Top