UI Scale factor

[Distortions81]

It would be great if there was UI scale factor, to enlarge/shrink the entire UI.
People can implement it themselves, but it would be nice if the library just took care of it.

[mcarpenter622]

@Distortions81 Hello! I am the new maintainer of this library. This is an interesting idea. I will leave this open as a potential enhancement!

[peakle]

Did anyone knows how I can scale the button size right now?

[mcarpenter622]

@peakle So I was playing with one way of handling a UI scale factor for the entire UI. The problem as I see it is that it kinda makes fonts look like crap. It is also shifting everything to the bottom right corner. Take a look at these screenshots and let me know if it seems useful?

Normal

1.5X Scale

[mcarpenter622]

I could try to make the main container width = the new window size..

[mcarpenter622]

Actually yes, that does make things a bit better:

[mcarpenter622]

There is still the issue with the fact I am scaling the image so things are a little grainy

[mcarpenter622]

If people think this change would be useful even given the issues with the scaling, let me know and I can push it up.

Also, if anyone has suggestions on how to deal with the font/image issues due to scaling, I am open to that as well.

To answer @peakle 's question. I think the cleanest way to implement scaling is still on the client side. Set a few predefined scales 1, 1.25, 1.5 etc and have separate UI assets for each scale, that you switch between.

I think a longer term solution would be for me to finally consider that template idea I have been toying with. Essentially a file that defines standard images/fonts etc per widget that you could use to define that all in one place and then have the capability to switch which template you're using. That one is a ways off though.

[peakle]

@mcarpenter622 thanks for your answer, can you provide a code example?

I don't know much about library context right now, so i don't know how to reproduce: >I could try to make the main container width = the new window size..

i tried to play with code through container min size + widget min size, but it looks little wierd (img. 1) instead of (img. 2):

[mcarpenter622]

Sorry it's not a code example it's a code change for the library. Give me a bit and I can put up a demo branch you can try

…

On Sat, Nov 11, 2023, 1:20 PM Denis Limarev ***@***.***> wrote: @mcarpenter622 <https://github.com/mcarpenter622> thanks for your answer, can you provide a code example? I don't know much about library context right now, so i don't know how to reproduce: >I could try to make the main container width = the new window size.. i tried to play with code through container min size + widget min size, but it looks little wierd (img. 1) instead of (img. 2): [image: Снимок экрана 2023-11-11 в 23 18 54] <https://user-images.githubusercontent.com/27820873/282259178-56fef0fa-5047-4a12-b009-17039cefe662.png> [image: Снимок экрана 2023-11-11 в 23 19 18] <https://user-images.githubusercontent.com/27820873/282259183-75b481e5-ba1a-4489-9d94-f5a73b436088.png> — Reply to this email directly, view it on GitHub <#14 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ADJ7PVWGL34CCOH4TH7ELDTYD66V5AVCNFSM47ZXM6FKU5DIOJSWCZC7NNSXTN2JONZXKZKDN5WW2ZLOOQ5TCOBQGY4DQMZXHE2Q> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[quasilyte]

I shared some of my thoughts on Mark's discord server.

I think the original issue is more about making the buttons "taller" more easily.
In my opinion, the ui scaling thing should not be implemented in a hurry for a use case that could live without it.
Let's split this issue in two: making it easier for a user to make taller buttons and the ui scaling toggle itself. Most people will use the default widget examples and they show how to use a button that scales horizontally, but it's hard to make it taller without tearing the sprite.

@mcarpenter622 do you have a use case for this feature so you can properly design and test it out?