Win a copy of Spring Boot in Practice this week in the Spring forum!

Luis De Bello

Greenhorn
+ Follow
since Apr 25, 2015
Cows and Likes
Cows
Total received
0
In last 30 days
0
Total given
0
Likes
Total received
0
Received in last 30 days
0
Total given
0
Given in last 30 days
0
Forums and Threads
Scavenger Hunt
expand Ranch Hand Scavenger Hunt
expand Greenhorn Scavenger Hunt

Recent posts by Luis De Bello

Hi guys,

I wanted to ask you if someone has some experience in building a UI to create mappings, algo if you can provide some feedback or comments it would be great.

I have to work on building one UI to support mappings from one structure to another, the easy way to cover this is drawing some lineas between the elements, however the language behind these transformations is so powerful and it provides complex operations such as groupBy, reduce, etc.
This UI needs to be executed as one eclipse plugin so I have some limitations regarding technology but maybe some can bring me some lights on this.

Options (If you think a different one please mention it)
1- SWT and render several thing by hand
2- HTML + JavaScript and then embed one browser in the eclipse view (The good thing about this is that some part of the code can be reuse for something web) My concern is about the performance on something similar in a web application I was looking for something similar but I didn't find anything
3- JavaFX and then embed in the eclipse view

Currently, the following screenshot is from one UI using SWT and drawing the lines by hand (The problem of this is about adding more complex things such as groupBy or more "cool" features such as icons in the middle or interactions to open the transformations)
SWT --> https://www.dropbox.com/s/lr4dlt3qf0pg9t4/DM.png?dl=0

There are some mocks with some ideas to implement in the future
Mock 1 --> https://www.dropbox.com/s/10paxtjwtz9aqj4/Mock1.png?dl=0
Mock 2 --> https://www.dropbox.com/s/j22tycbo6i2x4gg/Mock2.png?dl=0

Also we have built a quick prototype in JS and SVG to check the rendering and a probably interaction

Prototype --> https://www.dropbox.com/s/rmpo6pg7ko47aaz/Prototype.png?dl=0

My question is if some has some experience doing something similar or if you can provide some feedback based on web experience talking about if this could be implemented in an easy way or if this sound like a big challenge regarding rendering and performance.
Also if you know a product which do something similar I would like to check different ui to represent these cases

Thanks in advance

Regards,
Luis
7 years ago
Hi guys,

I need to develop some component similar to the nebula tree mapper



I have some similar functionality but when the user scroll any of the trees I want to draw some line which is part visible and some part hidden but in order to do that I should calculate the X coordinate to start drawing the line and it should change when the mapping goes up and down, similar to this image but only showing part of the line



Thanks in advance for you help.

PS: I published the question in the SWT forum as well, but someone close it, I did this because I am trying to do this in SWT or JavaFX so any comment can be useful

Regards,
Luis
7 years ago
Hi guys,

I need to develop some component similar to the nebula tree mapper



I have some similar functionality but when the user scroll any of the trees I want to draw some line which is part visible and some part hidden but in order to do that I should calculate the X coordinate to start drawing the line and it should change when the mapping goes up and down, similar to this image but only showing part of the line



Thanks in advance for you help.

Regards,
Luis
7 years ago
Hi Sudarshan,

Why don't you use one key pressed listener in the textfield in order to enable/disable the button?

Regards,
Luis
7 years ago
Hi guys,

I wanted to ask you if someone had to develop something similar to my requirement or if someone can provide me some help/tips in order to achieve this.

I have one treeview which contains several tree items/tree cells and I need to draw a line between the tree cells when produce a mouse hover in one button.
This line has some figure on one end which has to be overlay between these cells, this line has to be drawn below the selected item.



Thanks for your help.

Regards,
Luis
7 years ago
Darryl,

I cannot use the CSS with the pseudo class hover because I need to do some changes like increase the width size in some cases and in other keep the same size.

Normal State:
Case 1:
Label: "Hello World"
In this case I need to use a dash border but if the size is less than 150px I need to increase the size to border a bigger area

Case 2:
Label "Hello World with long text which is bigger than 150px"
In this case the border is only around this phrase.

As far as I know this cannot be done using CSS.


Regards,
Luis
7 years ago
Campbell

Thanks for your comments, you are right I can use one MouseAdapter my problem is that I am working in JavaFX, I have just realised that there was a specific forum about JavaFX.

Do you know how to move to question for JavaFX forum?

In JavaFX the events expect for one EventHandler which has one Event, so if I need to handle the same component from several events I need to create handlers and pass the event in the constructor also if I modified some specified properties at some point I need to revert the same properties to the original values, so I was looking for a good way of doing this. That is the reason why I asked about some pattern or some like that because maybe there is something already built to handle this case using one pattern and some reflection.

Regards,
Luis
7 years ago
+ 1 for Mule ESB as Claude mentioned the IDE is very useful.

Regards,
Luis
7 years ago
Hi guys,

I wanted to ask you your opinion about how to handle the iteration between two different events modifying the style for the same component

I have one label and this has to change its style when the mouse is over the label and recover the default state when the mouse exit the label.

Normal state:
Label with text size 10px

Mouse Entered:
Label with text size 12px
Dash Border green color
Label size 100px

When the mouse exit the component should recover the default state

I have to do this kind of thing for several components and the properties that I need to change are different so I would like to ask you if you have any suggestion on how to handle this kind of change in an elegant way.

Maybe there is a pattern to simplify these cases.

Thanks in advance for your help.

Best regards,
Luis
7 years ago