DrawFX – the text tool

It hasn’t be an easy task to add a text tool, but I finally did it. The tool is actually a simple text area (with some customization for hiding the scroll bars) placed into a panel with some buttons (valid and cancel). The tool is not draggable and has the following options:
– Bold
– Italic
– Underline (a bit tricky to make that one work. A solution is proposed here but I used something else)
– Size for the text
– Change the font by using fonts on your system

It is also possible to resize the text area by simply drag the mouse anywhere. Below is a little demo.

DrawFX – this is JaaavaaaFX

DrawFX has made some good progress these days. A lot of new features/improvements have been implemented like:

  • Priority for tasks: tasks now have a priority which can be LOW, NORMAL and HIGH. The colour of each sticky accords the task’s priority: green for LOW, yellow for NORMAL and orange for HIGH ;
  • It is possible to have multiple layers
  • A “Pen” tool has been added. It draws a line (composed of squares) while the mouse is dragged. The thickness can be modified using a slider ;
  • A “Rectangle” tool has been added in order to draw rectangles. The stroke’s color is the primary color, the fill’s color the secondary one. The width of the stroke can be changed using a slider ;
  • An “Ellipse” tool has been added in order to draw ellipses. The stroke’s color is the primary color, the fill’s color the secondary one. The width of the stroke can be changed using a slider ;
  • A “Shape” tool has been added in order to draw polygons. One click with the primary mouse’s button in the drawing area draws a line between the current click’s location and the previous one, while a double click closes the polygon. The stroke’s color is the primary color, the fill’s color the secondary one. The width of the stroke can be changed using a slider ;
  • A “Move” tool has been added and allows to move a layer ;
  • The “Eraser” tool now have a width and height properties ;
  • The “Bucket” tool is now able to only fill an area delimited by a bound color. For example you can change the color of a polygon by using this tool ;
  • The “Brush” tool has been improved. It now draws shapes defined by a SVG path. By default, the SVG path is a square, but can be changed to any valid path. In my screencast I use the path of a Java logo. It is also to possible to specify the scale X and Y to resize the shape represented by the path.

I still have some nice features left in my mind.

DrawFX – What you draw is what you attach

Some have guessed what I’m developing: a kind of agile board in JavaFX. Well the thing is when I have a team meeting, where we discuss about functionalities, improvements, etc, sometimes I just want to draw something to explain what I understand, what could be done and so on. Sometimes a picture is better than thousand words… So I like to draw… For DrawFX I had this idea: why not give the possibility to the user to draw his ideas and then create a task and attach the content of the drawing board to the task? And that what I did.

I still have a lot of ideas, and here it’s just a first and basic implementation, but more is to come! Here are some screenshots and a screencast.
DrawFX_01

DrawFX02

DrawFX – early task board screencast

A screencast for an early version of a task board … So for now we have a basic task board and a basic drawing board … All done in JavaFX, and it’s not going to change … More to come …

DrawFX – early stage screencast

Here is a little screencast of the really early stage of DrawFX … Teasing …