Interacting with diagrams¶
Tools are used to handle user actions, like moving a mouse pointer over the screen and clicking on items in the canvas.
Tools are registered on the View
. They have some internal state (e.g. when and
where a mouse button was pressed). Therefore tools can not be reused by
different views 1.
For a certain action to happen multiple user events are used. For example a
click is a combination of a button press and button release event (only talking
mouse clicks now). In most cases also some movement is done. A sequence of a
button press, some movement and a button release is treated as one transaction.
Once a button is pressed the tool registers itself as the tool that will deal
with all subsequent events (a grab
).
Several events can happen based on user events. E.g.:
item is hovered over (motion)
item is hovered over while another item is being moved (
press
,motion
)item is hovered over while dragging something else (DnD;
press
,move
)grabbed (button press on item)
handle is grabbed (button press on handle)
center of line segment is grabbed (will cause segment to split; button press on line)
ungrabbed (button release)
move (item is moved -> hover + grabbed)
key is pressed
key is released
modifier is pressed (e.g. may cause mouse pointer to change, giving a hit about what a grab event will do.
There is a lot of behaviour possible and it can depend on the kind of diagrams that are created what has to be done.
To organize the event sequences and keep some order in what the user is doing Tools are used. Tools define what has to happen (find a handle nearly the mouse cursor, move an item).
Gaphas contains a set of default tools. Each tool is meant to deal with a special part of the view. A list of responsibilities is also defined here:
- HoverTool
First thing a user wants to know is if the mouse cursor is over an item. The
HoverTool
makes that explicit. - Find a handle or item, if found, mark it as thehovered_item
- HandleTool and ConnectHandleTool
Handles are an important means to interact with items. They are used to resize element, move lines and (in case of
ConnectHandleTool
) establish connections between items. Handles are rendered on top of items so it makes sense to deal with them before you deal with items.On click: find a handle, if found become the grabbed tool and set focus on the selected item. Deselected current selection based on modifier keys.
On motion: move the handle
On release: release grab and release the handle
- ItemTool
Items are the elements that are actually providing any (visual) meaning to the diagram. ItemTool deals with moving them around. The tool makes sure the right subset of selected elements are moved (e.g. you don’t want to move a nested item if its parent item is already moved, this gives funny visual effects)
On click: find an item, if found become the grabbed tool and set the item as focused. Some extra behaviour regarding multiple select is also done here.
On motion: move the selected items (only the ones that have no selected parent items)
On release: release grab and release item
- RubberBandTool
If no handle or item is selected a rubberband selection is started.
- PanTool and ZoomTool
Handy tools for moving the canvas around and zooming in and out. Convenience functionality, basically.
- TextEditTool
An experimental tool for editing onscreen text.
All tools mentioned above are linked in a ToolChain
. Only one tool can deal with a use event.
There is one more tool, that has not been mentioned yet:
- PlacementTool
A special tool to use for placing new items on the screen.
As said, tools define what has to happen, they don’t say how. Take for example finding a handle: on a normal element (a box or something) that would mean find the handle in one of the corners. On a line, however, that may also mean a not-yet existing handle in the middle of a line segment (there is a functionality that splits the line segment).
The how is defined by so called aspects 2.
Separating the What from the How¶
The what is decided in a tool. Based on this the how logic can be applied to the item at hand. For example: if an item is clicked, it should be marked as the focused item. Same for dragging: if an item is dragged it should be updated based on the event information. It may even apply this to all other selected items.
The how logic depends actually on the item it is applied to. Lines have different behaviours than boxes for example. In Gaphas this has been resolved by defining a generic methods. To put it simple: a generic method is a factory that returns a specific method (or instance of a class, as we do in gaphas) based on its parameters.
The advantage is that more complex behaviour can be composed. Since the decision on what should happen is done in the tool, the aspect which is then used to work on the item ensures a certain behaviour is performed.
The diagram above shows the relation between tools and their aspects. Note that
tools that delegate their behaviour to aspects have more than one aspects. The
reason is that there are different concerns involved in defining what the tools
should do. Typically ItemTool
will be selecting the actual item and takes
care of moving it around as well. HandleTool
does similar things for
handles.
Big changes from Gaphas 0.4 tool include:
Tools can contain state and should be used for one view only.
Grabbing is done automatically for press-move-release event sequence.
The _What_ is separated from the _How_, leaving less tools and less overhead (like finding the item under the mouse pointer).