Aloha, Last monday I was up early and created a little control that I would do (again) for a long time. It is some kind of a rolling counter...well an odometer. The whole thing was based on the JavaFX Canvas node which is great on desktop but not so good for JPro applications. So I thought about having a control like a single digit spinning wheel based on an ImageView. To be able to create such a control you need to create an image stripe that contains all the values you would like to "spin through". This image has to be created every time you resize the control so you have to be aware of that. I've started with a numbering control that counts from 0-9 which means it contains at least 10 images. So far this is no problem but when I've started into an alphabetical control that counts from A-Z I had to handle at least 26 images plus an empty one if you would like to visualize a space character. Meaning to say you should be careful when creating a lot of this alphabetical controls in a row because you will have to handle a lot of more or less big images (dependent on the size of the controls). But long story short...here is a screenshot of the controls I'm talking about...
On top you see the Odometer control which is a simple counter that just counts up values. One can define the background and foreground colors for the digits and for the decimals independently. In addition one can define the number of digits you would like to see and the number of decimals. On the lower image you see some combinations of the Spinner control, the upper part shows 7 alphabetical spinners in an HBox where the lower part shows the numerical spinners in HBoxes. The Spinner control is available as ImageSpinner and CanvasSpinner with the exact same functionality just one is based on the ImageView and the other on the Canvas. To give you an idea what it looks like I've recorded a little screen video of the controls in action...
As always you can find the source code over at github I will also show this control next week at JavaFX days conference in Zurich. That's it for today...so keep coding and hopefully see you next week in Zurich... :)
Aloha, I finally found some time to prepare another release of TilesFX. This release mainly contains fixes of different issues and one new skin. First of all I would like to say thank's to the external pull requests that fixed two issues, it's always good to see people take over and fix things. The skin I've mentioned is nothing that could not have done before with a custom tile skin but I saw some dashboard like apps that simply showed pictures of people on kind of tiles. Here is a little example of what I am talking about...
An so I thought this might be some nice add on to the library and was easy to do...so here you go...
Nothing really fancy but there might be some use cases for this kind of skin. The skin takes the given image and a so called ImageMask which can be either
NONE
ROUND
RECTANGULAR
And this is how these ImageMasks look like...
That's all for the latest TilesFX release, I have ideas for more stuff to come but simply do not have the time at the moment...so please be patient... :) *********************** Java 11 Another thing is porting the library to Java 11, I've started with a port to Java 11 but due to a lack of time was not able to finish this yet. My plan was to create a new project for the Java 11 version which will be TilesFX11.
If one of you is interested and has the time he can start porting the library to Java 11. It will be highly appreciated, so if you are interested, just ping me and we will figure out a way to work together. *********************** The latest source code and binaries can be find at the following sites as always... Source: github
Aloha, Well it was just a question of time before I started to create a control for picking an angle as you might have guessed from my last post. And here it is...a simple angle picker control:
You can simply rotate the knob to adjust the angle and if you double click on the control you can also enter the value directly into the text field. The control has an angle property that contains the current angle that was set. I needed this control for my gradient picker and thought you might want to use it too for whatever project you have :) Watch this little video to see how it works...
So as always the source code can be found over at github And that's already it for today...so keep coding...
