Difference between revisions of "UI Buttons"
From GiderosMobile
| Line 3: | Line 3: | ||
Here you will find various resources to help you create buttons in Gideros Studio. | Here you will find various resources to help you create buttons in Gideros Studio. | ||
| − | '''note''': you may have to provide your own assets (fonts, gfx, …) | + | '''note''': you may have to provide your own assets (fonts, gfx, …) |
| + | |||
| + | '''desktops, mobiles and web compatible!''' | ||
=== Button === | === Button === | ||
| − | + | '''[[button_class]]''' | |
| − | '''[[ | + | This is the base of all Gideros buttons. |
| + | |||
| + | {{#widget:GApp|app=ButtonDemo1.GApp|width=480|height=320}} | ||
| + | |||
| + | === Button: Toggle === | ||
| + | Please follow this link: '''[[ButtonToggle_class]]''' | ||
=== Button: Simple with Up, Down and Disabled state (UDD) === | === Button: Simple with Up, Down and Disabled state (UDD) === | ||
| Line 29: | Line 36: | ||
{{#widget:GApp|app=ButtonBeastDemo1.GApp|width=480|height=320}} | {{#widget:GApp|app=ButtonBeastDemo1.GApp|width=480|height=320}} | ||
| − | |||
| − | |||
| − | |||
=== Button: Hover Image Text === | === Button: Hover Image Text === | ||
Revision as of 01:51, 30 November 2023
Here you will find various resources to help you create buttons in Gideros Studio.
note: you may have to provide your own assets (fonts, gfx, …)
desktops, mobiles and web compatible!
Button
This is the base of all Gideros buttons.
Button: Toggle
Please follow this link: ButtonToggle_class
Button: Simple with Up, Down and Disabled state (UDD)
Please follow this link: simple_buttonudd_class
Button: Text
Please follow this link: button_text_class
Button Monster
PS: need Gideros luashader Library for now
This button has a lot: mouse and keyboard navigation, hover, tooltip, sound, ... It may look scary but it is a nice monster ;-)
Button Beast
PS: need Gideros luashader Library for now
This is like the ButtonMonster but without tooltip and integrated keyboard navigation.
Button: Hover Image Text
Please follow this link: button_hover_image_text_class
Button: Image Text HUDD
Please follow this link: button_image_text_HUDD_class
Button: Pixel Image Text Tooltip Up Down Disabled Hover (PITTUDDH)
Please follow this link: ButtonPITTUDDH_class
