Buttons

Buttons

The Button control responds to a click from the user and is used to initiate or confirm an action. Familiar examples include the Submit and Cancel buttons used on web forms. Be sure to check out the Unity <a href="http://docs.unity3d.com/Manual/script-Button.html" target="_blank">Button</a> component, and the Material Design Guidelines on <a href="http://www.google.com/design/spec/components/buttons.html" target="_blank">Buttons</a> and <a href="http://www.google.com/design/spec/components/buttons-floating-action-button.html" target="_blank">Floating Action Buttons</a>. <video class="aligncenter" src="http://materialunity.com/wp-content/uploads/2016/05/Buttons.mp4" autoplay="autoplay" loop="loop" width="640" height="180"></video> <p style="text-align: center;"><span style="color: #808080;"><em>A floating action button (FAB), rectangular button, and icon button.</em></span></p> <a href="http://materialunity.com/wp-content/uploads/2016/05/2016-05-10-2.png" rel="attachment wp-att-142"><img class="wp-image-142 aligncenter" src="http://materialunity.com/wp-content/uploads/2016/05/2016-05-10-2.png" alt="2016-05-10 (2)" width="1002" height="564" /></a> <p style="text-align: center;"><em><span style="color: #808080;">A MaterialButton in the inspector.</span></em></p> <h1>Properties</h1> [table] Property,Function <strong>Interactable</strong>,Will this component accept input?~~- Controls the 'interactable' setting on the attached Button component.~~- Controls the visual alpha and shadow state of the button.~~- If you wish to disable button input and apply custom visuals\, you can toggle 'interactable' on the Button component and manually apply the visuals. <strong>Fit Width To Content,</strong>Should the button fit its width to match the content width + x padding? <strong>Fit Height To Content,</strong>Should the button fit its height to match the content height + y padding? <strong>External Properties,</strong>A collection of convenience properties that get or set properties belonging to objects relating to this component. <strong>Content Padding,</strong>The padding between the content and edge of the button. Used when fitting the button to the content size. <strong>Content Rect Transform,</strong>The RectTransform of the button's content. <strong>Background Image,</strong>The graphic representing the button's background. <strong>Shadow Canvas Group,</strong>The shadow canvas group. <strong>Text,</strong>The button's text. [/table] <h1>Details</h1> Coming soon!