Difference between revisions of "UI Buttons"
From GiderosMobile
| Line 5: | Line 5: | ||
'''note''': you may have to provide your own assets (fonts, gfx, …) | '''note''': you may have to provide your own assets (fonts, gfx, …) | ||
| − | ''' | + | '''ALL BUTTONS BELOW ARE MOUSE AND TOUCH COMPATIBLE!''' |
| − | |||
| − | |||
| − | |||
| + | === Button '''[[Button_class]]''' === | ||
This is the base of all Gideros buttons. | This is the base of all Gideros buttons. | ||
{{#widget:GApp|app=ButtonDemo1.GApp|width=480|height=320}} | {{#widget:GApp|app=ButtonDemo1.GApp|width=480|height=320}} | ||
| − | === Button | + | === Button Text '''[[ButtonText_class]]''' === |
| − | '''[[ | + | This is almost the same as '''Button''' but with some text you can add. |
| + | |||
| + | === Button Disabled '''[[ButtonDisabled_class]]''' === | ||
| + | This is the same as '''Button''' but with a Disabled state. | ||
| + | {{#widget:GApp|app=ButtonDisabledDemo1.GApp|width=480|height=320}} | ||
| + | |||
| + | === Button Toggle '''[[ButtonToggle_class]]''' === | ||
A button you can toggle on and off. | A button you can toggle on and off. | ||
{{#widget:GApp|app=ButtonToggleDemo1.GApp|width=480|height=320}} | {{#widget:GApp|app=ButtonToggleDemo1.GApp|width=480|height=320}} | ||
| − | === Button Monster | + | === Button Monster '''[[ButtonMonster_class]]''' === |
| − | '''[[ButtonMonster_class]]''' | + | This button has a lot: mouse and keyboard navigation, hover, tooltip, sound, ... It may look scary but it is a nice monster ;-) |
'''PS: need Gideros ''luashader'' Library for now''' | '''PS: need Gideros ''luashader'' Library for now''' | ||
| − | |||
{{#widget:GApp|app=ButtonMonsterDemo2x.GApp|width=480|height=320}} | {{#widget:GApp|app=ButtonMonsterDemo2x.GApp|width=480|height=320}} | ||
| − | === Button Beast | + | === Button Beast '''[[ButtonBeast_class]]''' === |
| − | '''[[ButtonBeast_class]]''' | + | This is like the '''Button Monster''' but without tooltip and without integrated keyboard navigation. |
'''PS: need Gideros ''luashader'' Library for now''' | '''PS: need Gideros ''luashader'' Library for now''' | ||
| − | |||
{{#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 23:36, 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, …)
ALL BUTTONS BELOW ARE MOUSE AND TOUCH COMPATIBLE!
Button Button_class
This is the base of all Gideros buttons.
Button Text ButtonText_class
This is almost the same as Button but with some text you can add.
Button Disabled ButtonDisabled_class
This is the same as Button but with a Disabled state.
Button Toggle ButtonToggle_class
A button you can toggle on and off.
Button Monster ButtonMonster_class
This button has a lot: mouse and keyboard navigation, hover, tooltip, sound, ... It may look scary but it is a nice monster ;-)
PS: need Gideros luashader Library for now
Button Beast ButtonBeast_class
This is like the Button Monster but without tooltip and without integrated keyboard navigation.
PS: need Gideros luashader Library for now
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
