jpaulm / drawfbp

Tool for Creating and Exploring Flow-Based Programming Diagram Hierarchies
http://www.jpaulmorrison.com/fbp/
145 stars 20 forks source link

Some more enhancements #10

Closed jpaulm closed 4 years ago

jpaulm commented 7 years ago

Suggested by Ged Byrne:

When I click and drag on the square the component is moved. I had no reason to expect a different behaviour when I click and drag on the edge. In most modern UI there are affordances to indicate behaviour. For example, when over a component the mouse changes to the four arrows to indicate that I can use it to move the box around. When I'm at the edges it changes to a single arrow and a line to indicate that I can adjust the size of the box. DrawFBP has no affordances, not even a tool tip message.

It would be helpful if ports were visible on the diagram, like in expression flow. When I hover over one of those ports the mouse pointer should change and a tooltip should say something like "Click and drag to connect ports."

jpaulm commented 7 years ago

In DrawFBP, you can't change the size of a box, so the edges are used to indicate where arrows can be attached. Also, DrawFBP allows blocks to be added containing only descriptions, so it has no way of knowing what the port names are until a class has been assigned to the block. It might be neat to provide this feature after a component has been assigned, but I'm not convinced it is worth the trouble!

I have added a pointing finger to indicate draggability for the block as a whole. I slightly prefer this to the 4 arrows, but I could be talked into it!

jpaulm commented 6 years ago

@gedbyrne Added a "tooltip" to blue circles in V2.15.4 (pre-release), saying "Click here to start an arrow" - hope this helps!