Zebble | Checkbox class

Introduction to UI with C#

Cache and temp files and folders

Checkbox class

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.

Basic usage:

new CheckBox { Id = "MyCheckBox1", Checked = true };
new CheckBox { Id = "MyCheckBox2", Checked = false};

Checked

You can set the value of CheckBox by changing Checked property. The default value is false.

Enabled & Ignored

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.

Rotation

You can see some information about rotation in Zebble here: http://zebble.net/docs/rotation-in-zebble

Margin & Padding

You can see some information about Margin & Padding in Zebble here: http://zebble.net/docs/margin-padding

Radious

Checked image:

You can use CheckedImage field to set an image for the checked state, like the following:

MyCheckBox.CheckedImage = new ImageView { Path = "Images/Something.png" };

Checked changed:

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.

MyCheckBox.CheckedChanged += CheckedChange;

void CheckedChange() { /* Do something here */ }

CheckBox Events

on-CheckedChanged: Raised when the value of CheckBox changed.
on-Flashed: Raised when the CheckBox is flashed.
on-Initialized: Raised when the CheckBox object is created and rendered.
on-Initializing: Raised when the CheckBox object is being created and rendered.
on-LongPressed: Raised when user clicked on the CheckBox for a long time.
on-PanFinished: Raised when user panned on the CheckBox .
on-Panning: Raised when user starts to pan on the CheckBox .
on-PreRendered: Raised when the CheckBox object is not started to rendered before rendering.
on-Swiped: Raised when user swiped on the CheckBox .
on-Tapped: Raised when user tapped on the CheckBox .