Very simple checkbox object. It uses an image for the checked effect.
You can set the image to be different from a tick, or define the appearance of it however you need in the Styles.
To use this component, install the Zebble.CheckBox nuget package.
It's open source and available on GitHub. Also we welcome any contributions to enhace it.
<CheckBox Id="MyCheckBox2" Checked="true" ></CheckBox>
new CheckBox { Id = "MyCheckBox2", Checked = false};
You can set the value of CheckBox by changing Checked property. The default value is false.
Stylesheet has a boolean property named Ignored, which is false by default. When set to true it works the same as "display: none" in HTML. It means that the element will not only be invisible, but also it won't occupy space on the screen.
View has a boolean property named Enabled, which is true by default. When set to false the object will not respond to UI gesture events. But it will remain visible. Also, its PseudoCssState will be set to "disabled" which allows you to specify a visual style for it in CSS.
If you set the Enabled property of Checkbox to false, the user can not change the value of it.
You can see some information about rotation in Zebble here: http://zebble.net/docs/rotation-in-zebble
<CheckBox Checked="true" Style.Border="1" RotationX ="48" ></CheckBox>
<CheckBox Checked="true" Style.Border="1" RotationY="38"></CheckBox>
You can see some information about Margin & Padding in Zebble here: http://zebble.net/docs/margin-padding
Style.BoxShadow.Color ="red" Style.BoxShadow.BlurRadius="15" Style.BoxShadow.XOffset="5" Style.BoxShadow.YOffset="5" />
You can use CheckedImage field to set an image for the checked state, like the following:
The main event for a CheckBox is CheckedChanged. In this method you should define what you want to do when user checks/unchecks the CheckBox control.