(New Feature Available!) UI scaling - 4k friendly, fonts, font size and icons size

Some of the buttons and Icons are afully smal. There are not that many buttons and I hate when they are so small you can’t see them.
So here is may take on a fix.

I kinda hate JavaFx (well, at least when it comes to fine control) . It’s a little funky adding it there but I kinda like it.
output

Icons are a bit more tricky. If anyone is willing to donate/assemble a nice SVG icon pack, that would be ideal.

It is available in the mian-track branch in the feature repo here Checkout this Quelea expansion pack build with Improvements and experimental features! - #13 by JessyJP

Hi there! First of the addon pack is awesome! I have been compiling some SVG icons based of the Icons folder, if that is helpful let me know where i can share them with you, I got them from an open license Icon website. Not every icon in the Icons folder seems to be used as well as there seem to be icons that are not in the icons folder.

Many thanks for the hard work, i’m unfortunaly not a coder but this is something i can do!

That’s great to hear. First, I hope you are using the latest version, it’s from 3 weeks ago or so.

If you are on Windows, you can go to the install directory "C:\Program Files\Quelea\icons" on mac or linux it would be something else but “./Quelea/icons/” will get you there. You can replace any icon you like, they have to be named the same as the original you want to replace.

Once you have a set you like, you can either:

  • zip the whole icons dir and send it here
  • attach the zip via email
  • upload it to a cloud and share a link
  • you own cloud and share a link
  • can also share it via gitub as a pull request

This way you are sharing a pack which you know works and looks good out of the box, and people only need to replace their icon dir.

When they are replaced by an SVG it does not show them? I think this might be a bug, perhaps because SVG don’t have a set size?

(I will be on vacation this week, might respond but might be next week)

Try to print the SVG to a PNG or rather a raster image with the same extention format as the original i.e. png or jpg/jpeg. You can play a little bit with the scaling by trying the original size then douple or x4 resized.

Would SVG Support be difficult to implement? Otherwise, what kind of benefit does making an SVG pack have? If it is quite difficult than this solution is good off course. The problem stems in the rasterization process, scaling will never be optimal when using raster images? Or am I mistaken. If it is not on the priory list, I totally get it! Anywho the software has been extremely useful for us, so many thanks!

It’s not too difficult, but the way images are done is brittle.
Other than that, the method for loading for vector graphics will differ a bit.
That’s why you can experiment with raster images of your vector pack and you can try a few different resolutions to see if there is any difference.

Unfortunately it breaks completely, I exported the add button at 800px by 800px and the result is that is massive. It looks to me that the scaling was done with the image size itself, instead of either the available space or the font-size. I increased the font-size a little bit to test.

Would you like it if we opened a new thread or is discussing in this one fine?

sure. Feel free to open it. As long as there is enough interest i could be looked at. The sizes a a bit hardcoded. It would take a bit of redesign to implement things properly though.