MetroGUI UDF v5.1 - Windows 10 style buttons, toggles, radios, menu etc.

[BBs19]

Features:

• Create modern looking borderless and resizable GUIs with control buttons (Close,Maximize/Restore,Minimize, Fullscreen, Menu)
• True borderless, resizeable GUI with full support for aerosnap etc.
• Many color schemes/themes included. See MetroThemes.au3 for more details.
• 3 type of Windows 8/10 style buttons.
• Modern checkboxes, radios, toggles and progressbar.
• All buttons, checkboxes etc. have hover effects!
• Windows 10 style modern MsgBox.
• Windows 10/Android style menu that slides in from left.
• Windows 10 style right click menu

 

Credits: @UEZ, for the function to create buttons with text using GDIPlus. @binhnx for his SSCtrlHover UDF

 

Changelog:

  Quote

Version 5.1 - Changelog - 17.10.2017

New features:

• Added support for OnEventMode - The UDF will automatically detect this if you enable OnEventMode before including the MetroUDF. You can also manually enable it using _Metro_EnableOnEventMode.
• Added _Metro_InputBox - A modern looking input box that allows entering a PW or other details.
• Added a new parameter "$tMargin" to _Metro_AddControlButtons and _Metro_AddControlButton_Back, to allow custom margin size (free space from the corners)
• Added _Metro_ToggleSwitch, _Metro_CheckboxSwitch, toggles between checked/unchecked states and then return the current state.  -> Should only be used to handle user clicks
• Added GUIAccelerator to _Metro_MsgBox to allow closing the MsgBox faster by pressing enter to click the default button.

Improvments:

• Aligned the toggle/radio text to the left instead of center
• Increased hover effect visibilty on the Metro Toggle when using a light theme.

Bugfixes:

• Added a workaround for the resize cursor getting stuck on controls very close to the window border. 
• Fixed hover effect of toggle checked being stuck despite the $NoAnimation parameter being set to true for startup.
• Added a new parameter "$NoHoverEffect" to _Metro_RadioCheck and _Metro_CheckboxCheck to prevent the hover effect from appearing/freezing when calling the function manually without user interaction. 
  • Should be used anytime the checkbox/radio is not "clicked" by the user but checked manually during startup otherwise the hover effect is stuck until the mouse is moved over the control

Expand  

Download UDF with example:

 

 

Edited October 17, 2017 by BBs19
UDF Updated to v5.1

[kyo]

Nice demo, and even nicer app!

Might prove useful in the future...

[argumentum]

  On 5/6/2014 at 9:06 PM, BBs19 said:

 

Another picture of a program i made using the "MetroStyle" GUI:

 

 

I want that !

Where can I get it from ?

Give it to meeeee !!!!!!!!!!!!!!

[BBs19]

  On 5/8/2014 at 7:34 AM, argumentum said:

I want that !

Where can I get it from ?

Give it to meeeee !!!!!!!!!!!!!!

 

http://sourceforge.net/projects/tvshowcountdown/

Edited February 19, 2015 by BBs19

[UEZ]

Somehow parts of your code look familiar to me....

 

Br,

UEZ

Edited May 8, 2014 by UEZ

[BBs19]

  On 5/8/2014 at 5:50 PM, UEZ said:

Somehow parts of your code look familiar to me....

 

Br,

UEZ

 

So it was you who posted the metro buttons function somewhere in the forum !  Thanks, they look really amazing if added in the right place and customized to match the gui, they make autoit look a little more "up to date"  

[perfaram]

      

A-MA-ZING !

[JohnOne]

Think switch block in main while loop can be easily shortened.

Switch $nMsg
    Case $GUI_EVENT_CLOSE, $ExitButton
        _WinAPI_DeleteObject($aExitButton[0])
        _WinAPI_DeleteObject($aExitButton[1])
        _WinAPI_DeleteObject($aMinimizeButton[0])
        _WinAPI_DeleteObject($aMinimizeButton[1])
        _WinAPI_DeleteObject($aButton2[0])
        _WinAPI_DeleteObject($aButton2[1])
        _WinAPI_DeleteObject($aButton1[0])
        _WinAPI_DeleteObject($aButton1[1])
        _GDIPlus_Shutdown()
        Exit
    Case $MinimizeButton
        GUISetState(@SW_MINIMIZE, $Form1)

    Case $Button1
        MsgBox(64, "", "Button 1")
    Case $Button2
        MsgBox(64, "", "Button 2")
EndSwitch

[Valuater]

I would suggest removing "Global" from a loop

While 1     
#Region Metro Style GUI-Control     
Global $aMouseInfo, $bShow = False, $bHide = False

 

8)

[BBs19]

@JohnOne

Thanks, changed in first post.

 

@Valuater

Thanks, fixed.

[mLipok]

  On 5/9/2014 at 5:09 PM, Valuater said:

I would suggest removing "Global" from a loop

While 1     
#Region Metro Style GUI-Control

    
Global $aMouseInfo, $bShow = False, $bHide = False

8)

 

In this case I can suggest you the same with #Region 

#Region Metro Style GUI-Control 
While 1

how i can guess by name of the region

it includes the entire loop :    While ..... Wend

[Kyan]

Neat design! Great work BBs19 

[BBs19]

*Update 20.02.2015*

 

I updated the old "MetroStyle GUI" script and created a small UDF. CPU usage has been reduced and the script is now very easy to work with 

Also added many themes (inspired by Android material colors).

[TheSaint]

Thanks for sharing.

P.S. I would suggest, that you resize ALL your screenshots to 75% maybe, as they are too big for my Netbook screen (when clicked), and don't need to be so large really.

[MyUM]

Thank's

where is the " Textbox , radio button , Progressbar , checkbox and etc " with metro theme ?

 

 

[BBs19]

  On 9/19/2015 at 9:14 AM, MyUM said:

Thank's

where is the " Textbox , radio button , Progressbar , checkbox and etc " with metro theme ?

See first post, i have updated the UDF. There are also checkboxes now, For Edit and Inputbox you can just you "0" as exstyle, and it will match the GUI better and look modern, no need for extra function Radio buttons shouldn't be too hard, but i had no time to read tutorials for GDI Plus, so for now no Radio buttons or progressbar.

Edited September 29, 2015 by BBs19

[BBs19]

Updated UDF to Version 3.0:

• UDF has been completely rewritten. Version 3.0 will make the usage as easy as never before.
• Borderless and resizable GUIs with new control buttons (Close,Maximize/Restore,Minimize) in Windows 10 style
• New and updated color schemes/themes. 
• 2 type of Windows 8/10 style buttons with different hover effects.
• Metro style checkboxes, radios, toggles and progressbar.
• All buttons, checkboxes etc. have now hover effects!

See first post for more details and new pictures.

[mLipok]

Very cool.

Can you provide example with Edit ?

 

btw.
please post it here:
https://www.autoitscript.com/forum/files/category/11-gui-additions/

[Inpho]

When running the example, no text shows on the buttons. Changing theme/text color does nothing; neither does running in Beta (although beta-run makes buttons fit into the GUI better)

 

Am I missing something?

[Chimaera]

Its good but my only comment would be i cant make the check boxes or radio buttons smaller than 24 the slider and buttons etc are great but the check and radios seem out of proportion with the others