Round Corner GUI and Controls UDF

[Nine]

I have been creating few controls with round corners for awhile for my own needs and I felt it was time to make an UDF and share it with the community.  The idea behind this UDF is to use essentially simple basic AutoIt GUI functions.  I did not want to embark in GDI+ to create the controls.  I wanted to be easy to use with enough features that it would answer most requirements.

The functions contained in the UDF :
_RGUI_RoundLabel
_RGUI_RoundButton
_RGUI_RoundInput
_RGUI_RoundEdit
_RGUI_RoundGroup
_RGUI_RoundScrollBar
_RGUI_ScrollBarSet
_RGUI_ScrollBarDestroy
_RGUI_RoundRect
_RGUI_DrawLine
_RGUI_ButtonPress
_RGUI_ButtonReset

Version 2025-03-28

* Added support to auto-size label and button controls (by passing -1 for width and/or height)
* Removed the requirement to pass handle of the GUI to _RGUI_RoundGroup
* Added 3rd example on how to use scrollbar with RichEdit

Version 2025-03-21

* Added support of round corner scrollbar
* Added a 2nd example on how to use scrollbar with ListBox

Version 2025-03-15

* Basic framework for the UDF
 

Here an example of what could be done with the UDF :

 

If you feel there should be new controls, I will consider adding them to the UDF.  RoundGUI.zip

Edited Friday at 04:00 PM by Nine

[Nine]

New version available 

[water]

Added to the wiki  

[WildByDesign]

This is really neat. I can’t wait to try this later. Thanks for sharing.

I do have a suggestion for the thread title in the forum, though. With “Round Corner GUI UDF”, it gives me the impression of rounded corners for the GUI only, like Windows 11 style.

I would suggest something like “Round Corner GUI Controls UDF” or similar. I think the word controls needs to be in there in some way.

[Nine]

Done.

[WildByDesign]

I've tested this UDF a few times since you first posted it and I see a lot of potential here. I like it. And I can envision a lot of creativity can be had here by anyone using this UDF.

I do have a usability suggestion though. The one main thing that drew me away from it initially was the lack of autosize to text for the controls that normally support it such as labels and buttons.

I understand that you do some math with the corner radius, so I don't know how feasible it would be to support autosize to text. But if there is any way for you to add it, I think that it would be beneficial for usability. Especially for beginners like myself.

[Nine]

The size is determined by the font you have chosen.  I do not think it is a good approach to override the choice made by the programmer.  

[WildByDesign]

I apologize if I didn't explain it right. I'll use a code example:

Local $idExit = _RGUI_RoundButton("Exit", 0xB0B0B0, 10, 430, 80, 30, 0X404040, 0X404040, 6)

Here is what I am referring to:

Local $idExit = _RGUI_RoundButton("Exit", 0xB0B0B0, 10, 430, -1, -1, 0X404040, 0X404040, 6)

My intended suggestion was to be able to put -1 for the $iWidth, $iHeight sizes. For the regular button and label GuiCreate* options that would autosize the control based on the text and (as you stated) the font size. But if I do -1 like above, it doesn't work.

[Nine]

I now understand what you meant before.  I think it is a good idea, thanks.  So I made it possible to both labels and buttons.
Also added RichEdit using scrollbar example in the zip file.  Added some minor optimizations.

New version available. 

[WildByDesign]

This is really fantastic with the autosize update. Thank you so much. 👍

[pixelsearch]

@Nine great line found in your UDF :

($mScroll[$iID])[0]($iID, ($iY2 - $iTop)/($iBottom - $iTop), $iData)

with ($mScroll[$iID])[0] corresponding to the UserFunction ScrollEdit found... in the calling script RoundGUI Example3.au3
Nice interaction between the UDF and its example

 

[WildByDesign]

I just noticed with _RGUI_RoundGroup that the label text size at the top of the group does not match the text size set for the GUI. It’s only off by 1-2 pixels, but 1-2 pixel difference in a GUI can be important.

Changing that text size doesn’t seem to have any effect either. It only seems to change the text size of controls within the group box.

EDIT: Upon closer inspection, the font is different as well. I have the GUI set for Segoe UI Variable and the label over the Group is using normal Segoe UI.

Edited 1 hour ago by WildByDesign

[Nine]

Show me the code you are using (strict minimum please).

[WildByDesign]

Sorry, @Nine but it was entirely my fault. No bug.

I had originally copy/pasted from your example to ensure that I did it correctly. It was the GUICtrlSetFont(-1, 10) right after the _RGUI_RoundGroup that I missed initially and that was what made me think that there was a bug.