Progress Bar High DPI support

[Haste]

Hello,

It seems adding a _125, _150, _200 png varient for the volume bar works but not for the progress bar.

I can't find a way for my progress bar to display correctly. It's stretched and blurry rather than pixel perfect.


Would it be possible to add support for this.

[Steven]

can you send me a link to your skin. I might later need the entire skin build folder but just the .xmlc file to start with is ok

[Haste]

Sure thing. PM sent.

I'll prepare the build folder (It's a bit of a mess and will be clearer once cleaned up)

[Steven]

i will need all files

[Haste]

PM sent with all the files used in the skin.

[Steven]

i dont see any ProgressButton_125.png or ProgressButton_150.png  file in the set you sent
same with the progress bar itself and the fill images

[Haste]

PM sent with the missing progress bar images.

[Steven]

try this version
https://getmusicbee.com/download/plugins/SkinCreator.zip

[Haste]

With the new SkinCreator version, it uses the 125 and 150 images but unfortunately it still stretches them.

[Steven]

this stops the unnecessary scaling, but i would expect you scale the height of your images yourself so the layout rules still work which doesnt appear to be the case in the files you sent
https://getmusicbee.com/patches/MusicBee36_Patched.zip

[Haste]

With the new patch, it seems I can get some part of the progress bar to render correctly but not everything.

Here is what I get for 125% scaling:



That said I'm not sure how exactly I should scale my images.
I played around also with a 16px height for the 100% scale and  20 px height for 125 scale.  (16 x 125% = 20) but that didn't help either.

[Steven]

to keep images and layout rules in proportion you need to scale the 125 images so they are exactly 1.25 times the height of 100% dpi image - the width doesnt matter so much
ProgressBar.png 10x15
ProgressBar_125.png 10x19
what you do with the progress bar image inside that is up to you

having said all that there is a bug where its still rescaling the 125% left and right progress bar images and button, so i need to figure out where its going wrong

[Steven]

this fixes the rescaling issue
https://getmusicbee.com/patches/MusicBee36_Patched.zip
you will still need to adjust the proportional size of the images

[Haste]

It's mostly fixed now. Only just the button is stretched horizontally by an extra pixel:



Top is how the round button renders in MusicBee and below is the source image.