Eclipse Community Forums: GEF » Generate a tree node with icon and multiline text using GEF

Home » Eclipse Projects » GEF » Generate a tree node with icon and multiline text using GEF(Generate a tree node with icon and multiline text using GEF)

Generate a tree node with icon and multiline text using GEF [message #1814195]

Thu, 05 September 2019 09:26

Eclipse User

Hi All,

I want to create a tree which has a node containing an image, multiline text, and also has a partition line. (as attached in image)

I was thinking to build using GeometryNode.
Please suggest if is this right path ?
If not, any help to achieve attached result is very much appreciated.

Thanks and Regards,
Giri

Attachment: vep_node.PNG
(Size: 3.91KB, Downloaded 202 times)

Re: Generate a tree node with icon and multiline text using GEF [message #1814197 is a reply to message #1814195]

Thu, 05 September 2019 10:09

Eclipse User

Hi,

you do not need GeometryNode for this kind of visualisation. GeometryNode is only useful for displaying GEF geometries. It comes with some gimmicks, e.g. resizing and (invisible) clickable-area around the rendered geometry.

I would suggest that you have a look at the following JavaFX nodes: VBox, HBox, ImageView, Text, Separator.

It should be easy to compose something similar.

The node hierarchy could potentially look something like this:

VBox
- HBox (css-class: "title")
-- ImageView
-- Text
-- Text (aligned right)
- Separator
- VBox (css-class: "details")
-- Text
-- Text

The individual colors, stroke widths, icons, etc. could be specified via CSS.

Best regards,
Matthias

Re: Generate a tree node with icon and multiline text using GEF [message #1814200 is a reply to message #1814197]

Thu, 05 September 2019 10:31

Eclipse User

Hi Matthias,

Thanks for quick reply.
I will surely tryout JavaFX nodes.

I have few follow up questions
1) Is there a provision to add mouse double click action as well on these nodes ?
2) I am planning to use SpaceTreeLayoutAlgorithm for displaying my tree. How to ensure that my tree always fits in ViewPort ?
3) How do i convert from javafx.scene.Node to org.eclipse.gef.graph.Node (Necessary for creating Graph) ?

Thanks and Regards,
Giri

[Updated on: Thu, 05 September 2019 10:39] by Moderator

Re: Generate a tree node with icon and multiline text using GEF [message #1814203 is a reply to message #1814200]

Thu, 05 September 2019 11:06

Eclipse User

Hi,

1) JavaFX supports mouse click handlers where you can check if the click-count equals 2 to test for double-click. In the context of GEF 5.x you would implement an IOnClickHandler and test for double-click inside the click() method.
2) I believe the viewport can be set via LayoutProperties [1].
3) That does not make sense to me. Javafx.scene.Node represents a node in a scene graph (visual), o.e.gef.graph.Node represents a node in a general graph model. Usually, it is the other way around, i.e. you compose a GEF Graph for which Content-Parts are derived that create and control the visualisation (javafx.scene.Node).

Best regards,
Matthias

[1] https://help.eclipse.org/oxygen/index.jsp?topic=%2Forg.eclipse.gef.layout.doc%2Freference%2Fapi%2Forg%2Feclipse%2Fgef%2Flayout%2FLayoutProperties.html&anchor=BOUNDS_PROPERTY

Re: Generate a tree node with icon and multiline text using GEF [message #1814222 is a reply to message #1814203]

Fri, 06 September 2019 01:26

Eclipse User

Hi,

Thanks for answers 1) and 2)
Let me rephrase question 3.

3) I meant to ask, how do i create a model of graph with node that will be rendered as similar to attached image in 1st question ?

I am assuming following things,
1) If i want to use SpaceTreeLayoutAlgorithm, I need my model to be of type o.e.gef.graph.Graph.
2) Nodes in o.e.gef.graph.Graph. are of type o.e.gef.graph.Node.

I am still new to GEF, please do not mind if i am asking a very basic question.

Thanks,
Giri

[Updated on: Fri, 06 September 2019 01:29] by Moderator

Re: Generate a tree node with icon and multiline text using GEF [message #1814452 is a reply to message #1814222]

Wed, 11 September 2019 11:18

Eclipse User

Hi,

the graph model is usually derived from your content model. The visualisation is then controlled by the content parts. You could, for instance, extend Zest NodePart and adjust it to your needs, or implement your own.

1) SpaceTreeLayoutAlgorithm uses o.e.gef.Graph as input and output. However, you could use any content model and just transform it to compute a layout.
2) Exactly.

Feel free to ask any questions. I will tell you when an answer exceeds the scope of the forum / requires extensive elaboration. However, I already advised you to do the mind map tutorial, because I am certain it would resolve some confusion.

Edit: I just realised that I advised you to do "a tutorial" without providing a link to the mind map tutorial, so, here you are: https://www.itemis.com/en/gef/tutorials/part-1-the-foundations/

Best regards,
Matthias

[Updated on: Wed, 11 September 2019 11:29] by Moderator

Re: Generate a tree node with icon and multiline text using GEF [message #1814813 is a reply to message #1814195]

Thu, 19 September 2019 01:51

Eclipse User

Hi Matthias ,

I am able to render the tree in eclipse IDE now.

However, I am facing following issue when i try to render from same application built through maven.

Caused by: java.lang.NoClassDefFoundError: javafx/beans/property/BooleanProperty
at java.lang.Class.getDeclaredConstructors0(Native Method)
at java.lang.Class.privateGetDeclaredConstructors(Unknown Source)
at java.lang.Class.getDeclaredConstructors(Unknown Source)
at org.eclipse.e4.core.internal.di.InjectorImpl.getDeclaredConstructors(InjectorImpl.java:785)
at org.eclipse.e4.core.internal.di.InjectorImpl.internalMake(InjectorImpl.java:343)
... 65 more
Caused by: java.lang.ClassNotFoundException: javafx.beans.property.BooleanProperty cannot be found by org.eclipse.gef.mvc.fx_5.1.0.201906180202
at org.eclipse.osgi.internal.loader.BundleLoader.findClassInternal(BundleLoader.java:461)
at org.eclipse.osgi.internal.loader.BundleLoader.findClass(BundleLoader.java:372)
at org.eclipse.osgi.internal.loader.BundleLoader.findClass(BundleLoader.java:364)
at org.eclipse.osgi.internal.loader.ModuleClassLoader.loadClass(ModuleClassLoader.java:161)
at java.lang.ClassLoader.loadClass(Unknown Source)

Any idea how to resolve this issue ?

Thanks and Regards,
Giri

Re: Generate a tree node with icon and multiline text using GEF [message #1814816 is a reply to message #1814813]

Thu, 19 September 2019 03:04

Eclipse User

It seems to me like JavaFX is either missing or not correctly loaded in an OSGi context. You can take a look at how GEF is using e(fx)clipse to load JavaFX.

Depending on Java version (e.g. 7, 8, 9, 11, 12, 13) and vendor (Oracle JDK vs. OpenJDK) this can be a cumbersome problem to solve (a colleague of mine is setting up environments for Java 8 and Java 11 with OpenJDK and it is a PITA).

I would like to have the time to investigate this myself, but that is unfortunately not possible ATM. That's why I am awaiting the results of my colleague, and might be able to give a more helpful answer in the future.

Best regards,
Matthias

Re: Generate a tree node with icon and multiline text using GEF [message #1814855 is a reply to message #1814816]

Fri, 20 September 2019 07:37

Eclipse User

Hi Matthias,

I was able to resolve the issue.
Following post helped me.
https://www.eclipse.org/forums/index.php/t/1087013/

I have few more questions
1) How to disable the + and - hover options on the nodes of tree ?
2) Is there any example for using CompositeLayoutAlgorithm ?

Thanks,
Giri

Re: Generate a tree node with icon and multiline text using GEF [message #1815034 is a reply to message #1814855]

Tue, 24 September 2019 10:20

Eclipse User

Hi,

have a look at the documentation:

1) https://github.com/eclipse/gef/wiki/Zest#hidehoverhandlepart-showhiddenneighborshoverhandlepart-zestfxhoverhandlepartfactory

You can exchange the hover handle part factory / hover-intent handle part factory in order to change what hover handles / hover-intent handles are generated, respectively.

2) https://github.com/eclipse/gef/wiki/Layout#algorithms and https://help.eclipse.org/oxygen/index.jsp?topic=%2Forg.eclipse.gef.layout.doc%2Freference%2Fapi%2Forg%2Feclipse%2Fgef%2Flayout%2FILayoutAlgorithm.html

The wiki gives examples for some of the algorithms and the javadoc explains how CompositeLayoutAlgorithm works.

Best regards,
Matthias

Re: Generate a tree node with icon and multiline text using GEF [message #1815076 is a reply to message #1815034]

Wed, 25 September 2019 04:53

Eclipse User

Hi Matthias,

1) Worked perfectly.
2) I will give this a try.

Thanks for the help, I am able to render the tree now.
I have some layout related problem, I will open separate thread for that.

Thanks and Regards,
Giri

[Updated on: Wed, 25 September 2019 07:26] by Moderator

Previous Topic:	GEF5 MVC - Large Model Performance
Next Topic:	GEF 5.1.0 compatibilty with gtk3

Goto Forum:

-=] Back to Top [=-

Current Time: Tue Apr 29 18:12:13 EDT 2025

.:: Contact :: Home ::.

Breadcrumbs

Sign up to our Newsletter