B4J Tutorial SplitPane Tutorial

B4J v4.00 adds support for SplitPane container. SplitPane is a container made of two or more sections divided with movable dividers.

The SplitPane orientation is either horizontal or vertical.

You can combine multiple SplitPanes to achieve more complicated layouts.

Each section of the SplitPane is made of a layout file. This means that the layout will be split to multiple smaller layout files.
You should use anchors to allow the layouts to be resized when their section is resized.

Example project:

This layout is made of the following layout files:
- Main: Horizontal SplitPane with three sections and menu bar.
- LeftSide: The left ListView with the title.
- Center: The WebView with the TextField and Button.
- RightSide: Vertical SplitPane
- RightHistory / RightFavorites: The two lists.

You can limit the minimum and maximum sizes of each section by calling SplitPane.SetSizeLimits.

You can also get or sets the dividers positions with SplitPane.DividerPositions. It returns an array of doubles. Each value represent the position of a divider. The values are between 0 to 1.

The important point is to use anchors set to BOTH and designer script if necessary to create flexible layouts.

 

[giannimaione]

how to replace/remove Layout into SplitPane ?
SplitPane.LoadLayout ("Layout1")
...
...
..
....
'here, i want remove "Layout1" first to load another Layout
SplitPane.LoadLayout ("Layout2")
i see two layout

perhaps with Pane/Panel ?

 

[Erel]

Create a base layout with a pane anchored to all sides.

Now you can load layouts to this pane and later remove all views and load a new layout.

 

[atiaust]

Hi All,

I have created a base layout as suggested by Erel with a large pane anchored to all sides.
I load two vertical layouts one on the left and one on the right both occupying 1/2 the screen each.
The left layout is pretty much static but the right layout is either blank or has a different layout depending on selections on the left.

My questions are:
1) How do you remove the layout on the right to leave it blank or do you load a blank layout to replace it and how do you specify where to load on the right of the screen?
2) Does loading a layout replace the existing layout or does it load it on top?

Hope this is some what clear.

Thanks

 

[Erel]

Please start a new thread for these questions.

 

[Mashiane]

Create a base layout with a pane anchored to all sides.

Now you can load layouts to this pane and later remove all views and load a new layout.

Wow, thanks I was just thinking about doing this and looking for a solution...

 

[StarinschiAndrei]

Hi all,
I try to create an app based on SplitPane, each side are created dynamically. I would like to send a value from one side to other (with the bottons from left side i would like to change the label value in right sige). Attached a test project.

 

[Erel]

Please start a new thread for this question.

 

[LucaMs]

Who will create the B4X version of this wonderful View?
(not me ?)

 

[miga]

Hi Erel,
I have an issue with splitpane, when I want to create standalone package. It looks like there is a problem to load a layout. When I hide the lines

splitMain.LoadLayout("Left")
splitMain.LoadLayout("Center")

it works. But with these lines I can get the exe file (everything looks properly) but exe file cannot launch.
Lot of errors appear in log:

at b4j/anywheresoftware.b4a.objects.streams.File.OpenInput(Unknown Source)
at b4j/anywheresoftware.b4j.objects.LayoutBuilder.loadLayout(Unknown Source)
at b4j/anywheresoftware.b4j.objects.PaneWrapper.LoadLayout(Unknown Source)
at b4j/anywheresoftware.b4j.objects.SplitPaneWrapper.LoadLayout(Unknown Source)
at b4j/b4j.example.main._appstart(Unknown Source)
at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke(Unknown Source)
at java.base/jdk.internal.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source)
at java.base/java.lang.reflect.Method.invoke(Unknown Source)
at b4j/anywheresoftware.b4a.BA.raiseEvent2(Unknown Source)
at b4j/anywheresoftware.b4a.BA.raiseEvent(Unknown Source)
at b4j/b4j.example.main.start(Unknown Source)
at javafx.graphics/com.sun.javafx.application.LauncherImpl.lambda$launchApplication1$9(Unknown Source)
at javafx.graphics/com.sun.javafx.application.PlatformImpl.lambda$runAndWait$12(Unknown Source)
at javafx.graphics/com.sun.javafx.application.PlatformImpl.lambda$runLater$10(Unknown Source)
at java.base/java.security.AccessController.doPrivileged(Native Method)
at javafx.graphics/com.sun.javafx.application.PlatformImpl.lambda$runLater$11(Unknown Source)
at javafx.graphics/com.sun.glass.ui.InvokeLaterDispatcher$Future.run(Unknown Source)
at javafx.graphics/com.sun.glass.ui.win.WinApplication._runLoop(Native Method)
at javafx.graphics/com.sun.glass.ui.win.WinApplication.lambda$runLoop$3(Unknown Source)
at java.base/java.lang.Thread.run(Unknown Source)

... even your own code from this thread doesn't work as standalone app.

 

[Erel]

I've tested the example from the first post. You need to add:

#PackagerProperty: IncludedModules = javafx.web
#PackagerProperty: IncludedModules = jdk.crypto.ec

Using the built-in packager and it works.
Tested with OpenJDK 14 but it should work with OpenJDK 11 as well.

 

[miga]

I've tested the example from the first post. You need to add:

#PackagerProperty: IncludedModules = javafx.web
#PackagerProperty: IncludedModules = jdk.crypto.ec

Using the built-in packager and it works.
Tested with OpenJDK 14 but it should work with OpenJDK 11 as well.

Thank you Erel,

Now it works also for my application.

?