Difference between revisions of "UI Buttons"

From GiderosMobile
Line 8: Line 8:
  
 
=== Button ===
 
=== Button ===
'''[[button_class]]'''
+
'''[[Button_class]]'''
  
 
This is the base of all Gideros buttons.
 
This is the base of all Gideros buttons.
Line 20: Line 20:
  
 
{{#widget:GApp|app=ButtonToggleDemo1.GApp|width=480|height=320}}
 
{{#widget:GApp|app=ButtonToggleDemo1.GApp|width=480|height=320}}
 
=== 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 ===
 
=== Button Monster ===
Line 37: Line 31:
 
'''[[ButtonBeast_class]]'''
 
'''[[ButtonBeast_class]]'''
 
  '''PS: need Gideros ''luashader'' Library for now'''
 
  '''PS: need Gideros ''luashader'' Library for now'''
This is like the ButtonMonster but without tooltip and integrated keyboard navigation.
+
This is like the ButtonMonster but without tooltip and without integrated keyboard navigation.
  
 
{{#widget:GApp|app=ButtonBeastDemo1.GApp|width=480|height=320}}
 
{{#widget:GApp|app=ButtonBeastDemo1.GApp|width=480|height=320}}
 +
 +
=== Button: Disabled ===
 +
'''[[ButtonDisabled_class]]'''
 +
 +
This is the same as '''Button''' but with a Disabled state.
 +
 +
=== Button: Text ===
 +
Please follow this link: '''[[button_text_class]]'''
  
 
=== Button: Hover Image Text ===
 
=== Button: Hover Image Text ===

Revision as of 04:34, 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

Button_class

This is the base of all Gideros buttons.

Button: Toggle

ButtonToggle_class

A button you can toggle on and off.

Button Monster

ButtonMonster_class

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

ButtonBeast_class

PS: need Gideros luashader Library for now

This is like the ButtonMonster but without tooltip and without integrated keyboard navigation.

Button: Disabled

ButtonDisabled_class

This is the same as Button but with a Disabled state.

Button: Text

Please follow this link: button_text_class

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