{ "buttonControl": { "description": "Represents a button control that reacts to touch events.", "properties": [ { "name": "Background", "type": "Color", "description": "The background color of the control." }, { "name": "Border", "type": "Color", "description": "The color of the control's border." }, { "name": "BorderThickness", "type": "Float", "description": "The width of the control's border." }, { "name": "CornerRadius", "type": "Integer", "description": "The radius for the corners of the control's border." }, { "name": "Foreground", "type": "Color", "description": "The color of the control's content." }, { "name": "Icon", "type": "Icon", "description": "The icon for the control." }, { "name": "IconPosition", "type": "Enum", "description": "The position of the icon relative to the text. Possible values are 'Left', 'Right', & 'Top'." }, { "name": "IconSize", "type": "Float", "description": "The size of the icon in dp pixels." }, { "name": "IconSpacing", "type": "Float", "description": "The spacing between the icon and text." }, { "name": "ShowAsMonochrome", "type": "Boolean", "description": "A value that indicates whether the 'Foreground' color is applied to the icon." }, { "name": "FontSize", "type": "Float", "description": "The size of the text in dp pixels." }, { "name": "FontStyle", "type": "Enum", "description": "The style in which the text is rendered. Possible values are 'Normal' & 'Italic'." }, { "name": "FontWeight", "type": "Enum", "description": "The thickness of the specified font. Possible values are 'Thin', 'Light', 'Normal', 'Medium', 'Bold', 'Black'." }, { "name": "Text", "type": "String", "description": "A string that specifies the text contents of the button." }, { "name": "TextDecorations", "type": "Enum", "description": "A value that indicates what decorations are applied to the text. Possible values are 'None', 'Strikethrough', & 'Underline'." }, { "name": "ButtonType", "type": "Enum", "description": "The type of button. Possible values are 'Normal', 'Repeat', & 'Toggle'." }, { "name": "IsChecked", "type": "Boolean", "description": "A value that indicates whether the button is checked. This applies only when 'ButtonType' is set to 'Toggle'." }, { "name": "IsPressed", "type": "Boolean", "description": "A value that indicates whether the button is currently in a pressed state." }, { "name": "RepeatInterval", "type": "Integer", "description": "The time, in milliseconds, between repetitions of the click action, as soon as repeating starts. This applies only when 'ButtonType' is set to 'Repeat'." }, { "name": "Height", "type": "Float", "description": "The suggested height of the control in dp pixels." }, { "name": "HorizontalAlignment", "type": "Enum", "description": "The horizontal alignment characteristics that are applied to the control when it is composed in a parent layout panel, such as a Grid." }, { "name": "HorizontalContentAlignment", "type": "Enum", "description": "The horizontal alignment of the control's content." }, { "name": "Margin", "type": "Thickness", "description": "The outer margin that is applied to the control when it is composed in a parent layout panel, such as a Grid." }, { "name": "Padding", "type": "Thickness", "description": "The amount of space between the content of the control and its border." }, { "name": "Rotation", "type": "Integer", "description": "The rotation about the Z-axis in degrees." }, { "name": "VerticalAlignment", "type": "Enum", "description": "The vertical alignment characteristics that are applied to the control when it is composed in a parent layout panel, such as a Grid." }, { "name": "VerticalContentAlignment", "type": "Enum", "description": "The vertical alignment of the control's content." }, { "name": "Width", "type": "Float", "description": "The suggested width of the control in dp pixels." }, { "name": "IsEnabled", "type": "Boolean", "description": "A value that indicates whether the user can interact with the control." }, { "name": "IsHitTestVisible", "type": "Boolean", "description": "A value that indicates whether the contained area of the control can return true values for hit testing." }, { "name": "IsVisible", "type": "Boolean", "description": "A value that indicates whether the control should be visible." }, { "name": "Opacity", "type": "Float", "description": "A value between 0 and 1.0 that declares the opacity factor, with 1.0 meaning full opacity and 0 meaning transparent." } ], "events": [ { "name": "Loaded", "description": "Occurs when the element is laid out, rendered, and ready for interaction." }, { "name": "Unloaded", "description": "Occurs when the element is no longer rendered on the screen." }, { "name": "Clicked", "description": "Occurs when the button control is clicked." }, { "name": "Pressed", "description": "Occurs when the button control is pressed." }, { "name": "Released", "description": "Occurs when the button control is released." }, { "name": "Canceled", "description": "Occurs when the button control click is canceled." }, { "name": "Checked", "description": "Occurs when the button is checked. This applies only when 'ButtonType' is set to 'Toggle'." }, { "name": "Unchecked", "description": "Occurs when the button is unchecked. This applies only when 'ButtonType' is set to 'Toggle'." } ] } }